add new comps

components/ContentBox.js

@@ -0,0 +1,7 @@
+import styles from "./ContentBox.module.css";
+
+const ContentBox = ({ children }) => {
+  return <div className={styles.statsWrapper}>{children}</div>;
+};
+
+export default ContentBox;

components/ContentBox.module.css

@@ -0,0 +1,12 @@
+.statsWrapper {
+  background-color: rgb(247, 247, 247);
+  padding: 30px;
+  text-align: right;
+  border-radius: 0 30px 30px 0;
+}
+
+@media only screen and (max-width: 950px) {
+  .statsWrapper {
+    border-radius: 0;
+  }
+}

components/Header.js

@@ -0,0 +1,7 @@
+import styles from "./Header.module.css";
+
+const Header = ({ children }) => {
+  return <div className={styles.titleAndSearch}>{children}</div>;
+};
+
+export default Header;

components/Header.module.css

@@ -0,0 +1,12 @@
+.titleAndSearch {
+  display: grid;
+  grid-template-columns: 2fr 1fr;
+  gap: 20px;
+}
+
+@media only screen and (max-width: 520px) {
+  .titleAndSearch {
+    grid-template-columns: 1fr;
+    place-items: center;
+  }
+}