fix missing styles on hard refresh in prod

metart43 · Jul 31, 2020 · 48e65e5 · 48e65e5
1 parent 9b905c5
commit 48e65e5
Show file tree

Hide file tree

Showing 4 changed files with 1,261 additions and 1,104 deletions.
diff --git a/components/Tech.js b/components/Tech.js
@@ -61,28 +61,26 @@ const Wrapper = styled.div`
 `
 
 const Tech = () => (
-  <div className="tech">
-    <div className="tech">
-      {Object.values(data).map(
-        ({ title, position, duration, description, logo }, i) => (
-          <div css={styles.card} key={i}>
-            <div style={{ display: "flex", alignItems: "center" }}>
-              <img
-                alt={title}
-                src={logo}
-                style={{ width: 30, height: 30, marginRight: 10 }}
-              />
-              <div css={styles.cardHeader}>{title}</div>
-            </div>
-            <div css={styles.cardSubtitle}>{position}</div>
-            <div css={styles.cardSubtitle}>{duration}</div>
-            <div css={styles.cardBody}>{description}</div>
-            <Divider />
+  <Wrapper>
+    {Object.values(data).map(
+      ({ title, position, duration, description, logo }, i) => (
+        <div css={styles.card} key={i}>
+          <div style={{ display: "flex", alignItems: "center" }}>
+            <img
+              alt={title}
+              src={logo}
+              style={{ width: 30, height: 30, marginRight: 10 }}
+            />
+            <div css={styles.cardHeader}>{title}</div>
           </div>
-        )
-      )}
-    </div>
-  </div>
+          <div css={styles.cardSubtitle}>{position}</div>
+          <div css={styles.cardSubtitle}>{duration}</div>
+          <div css={styles.cardBody}>{description}</div>
+          <Divider />
+        </div>
+      )
+    )}
+  </Wrapper>
 )
 
 export default Tech