related to #29

src/components/mdx/BlogPosts/BlogPosts.tsx

@@ -101,7 +101,7 @@ export const BlogPosts = ({ children }: TProps): JSX.Element => {
   return (
     <section className={styles.blogpostsWrapper}>
       <div className={styles.blogposts}>
-        {posts.map((post, i) => (
+        {[...posts, ...posts].map((post, i) => (
           <BlogPost key={`p-${i}`} post={post} />
         ))}
       </div>

src/components/mdx/BlogPosts/style.module.scss

@@ -1,18 +1,23 @@
 .blogpostsWrapper {
   .blogposts {
     .blogpost {
+      padding: 0 !important;
       background: none;
       //border: 1px solid var(--ifm-color-gray-200);
       p {
         color: var(--ifm-color-gray-500);
       }
 
+      > p {
+        margin: 0;
+      }
+
       .blogpostMeta {
-        margin-bottom: calc(var(--ifm-leading) / 2);
+        margin-bottom: calc(var(--ifm-leading));
       }
 
       + .blogpost {
-        margin-top: var(--ifm-leading);
+        margin-top: calc(2 * var(--ifm-leading));
       }
     }
   }

src/components/mdx/ExternalReferenceCard/style.module.scss

@@ -1,5 +1,6 @@
 .exref {
-  margin-bottom: var(--ifm-leading);
+  //margin-bottom: var(--ifm-leading);
+  margin-bottom: var(--ifm-spacing-vertical);
 
   .exrefContainer {
     display: flex;

src/components/mdx/FeatureCard/style.module.scss

@@ -34,11 +34,14 @@
     justify-content: center;
   }
 
-  .cardTitle {
-  }
-
   .cardDescription {
     color: var(--ifm-color-gray-500);
     margin: 0;
   }
 }
+
+@media (max-width: 576px) {
+  .cardTitle {
+    font-size: var(--ifm-h2-font-size) !important;
+  }
+}

src/components/mdx/FeatureList/style.module.scss

@@ -16,7 +16,7 @@
   .FeatureListContainer {
     grid-template-columns: 1fr !important;
     grid-auto-rows: calc(
-      90vw - calc(2 * var(--ifm-spacing-horizontal))
+      75vw - calc(2 * var(--ifm-spacing-horizontal))
     ) !important;
 
     > * {

src/components/mdx/Hero/style.module.scss

@@ -14,9 +14,9 @@
       display: flex;
       justify-content: center;
       align-items: center;
-      column-gap: 16px;
+      column-gap: 12px;
       position: absolute;
-      top: 5px;
+      top: 10px;
 
       > * {
         display: inline-flex;

src/components/mdx/Quote/style.module.scss

@@ -7,4 +7,7 @@
     width: 3px;
     border-radius: 3px;
   }
+  ul {
+    margin: 0;
+  }
 }

src/css/custom.scss

@@ -239,6 +239,10 @@
   text-underline-offset: 0.3rem;
 }
 
+.markdown > h2 {
+  letter-spacing: -1.5px;
+}
+
 .card {
   padding: var(--ifm-spacing-vertical) var(--ifm-spacing-horizontal);
 }