chore: enhance responsiveness

Author: openscript

src/content/pages/de/present/team.mdx

@@ -11,13 +11,13 @@ import ImpressionsSection from "../../../../layouts/sections/ImpressionsSection.
   Lernen Sie das Team hinter unserem Unternehmen kennen - eine Gruppe von engagierten und qualifizierten Fachleuten, die mit Leidenschaft massgeschneiderte Softwarelösungen entwickeln, die auf die spezifischen Bedürfnisse unserer Kunden zugeschnitten sind. Neben unserer Expertise in der Softwareentwicklung engagieren wir uns auch für die Förderung der Berufsbildung in der Schweiz. Wir sind ein aufgeschlossenes, ganzheitliches und vertrauenswürdiges Team und freuen uns darauf, bald mit Ihnen gemeinsam in die Welt der Bits und Bytes einzutauchen.
 </section>
 
-<Divider firstSegmentColor="var(--color-white)" />
+<Divider firstSegmentColor="var(--color-white)" fixAntialiasingBottom />
 
 <TeamSection class="white-background">
   <h2 slot="title">Porträts</h2>
 </TeamSection>
 
-<Divider firstSegmentColor="var(--color-white)" flipVertical />
+<Divider firstSegmentColor="var(--color-white)" flipVertical fixAntialiasingTop />
 
 <ImpressionsSection gallery="team" class="dark-background">
   <h2 slot="title">Impressionen</h2>

src/layouts/groups/Footer.astro

@@ -72,14 +72,16 @@ const messages = useI18n("layouts/groups/Footer.astro", {
     .links {
       grid-area: links;
       justify-content: flex-end;
-      align-self: flex-end;
+      align-self: flex-start;
       display: flex;
       gap: var(--size-gutter-big);
       width: 100%;
 
       svg {
         fill: var(--color-background);
+        margin-top: 0.4rem;
         width: 2.4rem;
+        height: auto;
       }
     }
 

src/layouts/sections/TeamSection.astro

@@ -31,7 +31,7 @@ const team = await getCollection("team", (entry) => entry.data.locale === locale
   section {
     & > div {
       display: grid;
-      grid-template-columns: repeat(4, 1fr);
+      grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
       gap: var(--size-gutter-huge);
       justify-items: center;