resolution fix

src/layouts/baseSection.astro

@@ -29,7 +29,6 @@ const hidden = titleHidden || false ? "visually-hidden" : ""
     align-self: center;
     display: flex;
     flex-flow: row wrap;
-    padding: 1em;
     position: relative;
   }
   h1 {

src/layouts/blogSection.astro

@@ -95,7 +95,7 @@ const line = displayLine ? "flex" : "none"
     align-items: stretch;
     align-content: center;
     justify-content: space-around;
-    padding: 1em;
+    padding: 1em 0px;
     color: var(--c-primary-text);
     font-size: 1em;
     position: relative;
@@ -114,6 +114,9 @@ const line = displayLine ? "flex" : "none"
       margin-left: 3rem;
       font-size: 1.85rem;
     }
+    .wrapper {
+      padding: 1em;
+    }
   }
   @media (min-width: 1100px) {
     .wrapper {

src/pages/fgo.astro

@@ -35,13 +35,20 @@ data.map((item) => { item.origin = "First 120 on NA" })
   currentpage="fgo"
   descriptionOverride={description}
 >
-  <SmallTitle maintext="FGO Information" subtext={subtext} fadeout={true} />
+  <SmallTitle maintext="FGO Infos" subtext={subtext} fadeout={true} />
   <BaseSection title="Highlights">
     {data.map((item) => <FavouriteCard {...item} />)}
   </BaseSection>
+  <div class="placeholder"></div>
   <BaseSection title="Infos" titleHidden={true}>
     {projects.map((item) => <ProjectCard {...item} />)}
   </BaseSection>
 </Layout>
 
-<style></style>
+<style>
+  .placeholder {
+    visibility: hidden;
+    width: 100%;
+    height: 1.5rem;
+  }
+</style>