justify-content: center on mobile

deadrime · Feb 23, 2024 · 660635b · 660635b
1 parent 3a874e3
commit 660635b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/components/AboutSection/AboutSection.module.css b/components/AboutSection/AboutSection.module.css
@@ -1,8 +1,13 @@
 .wrapper {
-  min-height: calc(100vh - 9rem);
+  /* 5rem header + 2rem padding y */
+  min-height: calc(100vh - 7rem);
+  padding-bottom: 5rem;
+  justify-content: center;
 
-  @media screen(sm) {
+  @media screen(md) {
     min-height: initial;
+    padding-bottom: initial;
+    justify-content: start;
   }
 }
 

diff --git a/components/Technologies/Technologies.tsx b/components/Technologies/Technologies.tsx
@@ -53,7 +53,7 @@ const data = [
 
 const Technologies = () => {
   return (
-    <section className="mt-12 md:mt-40">
+    <section className="md:mt-40">
       <h2 className="font-primary text-xl font-normal">
         С чем работал
       </h2>