changed header vw to vh

demo/about.css

@@ -23,7 +23,7 @@
 }
 .parent h1 {
   margin: 0;
-  padding-bottom: 1.5vw;
+  margin-bottom: 4vh;
 }
 .parent .svgimg {
   width: 1.7vh;

demo/about.css.map

-{"version":3,"sources":["about.scss","about.css"],"names":[],"mappings":"AAAQ,wBAAA;AAER;EACI,oCAAA;EACA,4BAAA;EACA,6BAAA;ACAJ;;ADGA;EACI;IACI,UAAA;ECAN;EDEE;IACI,UAAA;ECAN;AACF;ADIA;EACI,aAAA;EACA,mBAAA;EACA,YAAA;ACFJ;ADGI;EACI,mBAAA;ACDR;ADGI;EACI,SAAA;EACA,qBAAA;ACDR;ADGI;EACI,YAAA;ACDR;;ADKA;EACI;IACI,gBAAA;ECFN;EDIE;IACI,kBAAA;ECFN;AACF;ADKA;EACI;IACI,aAAA;ECHN;AACF","file":"about.css"}
+{"version":3,"sources":["about.scss","about.css"],"names":[],"mappings":"AAAQ,wBAAA;AAER;EACI,oCAAA;EACA,4BAAA;EACA,6BAAA;ACAJ;;ADGA;EACI;IACI,UAAA;ECAN;EDEE;IACI,UAAA;ECAN;AACF;ADIA;EACI,aAAA;EACA,mBAAA;EACA,YAAA;ACFJ;ADGI;EACI,mBAAA;ACDR;ADGI;EACI,SAAA;EACA,kBAAA;ACDR;ADGI;EACI,YAAA;ACDR;;ADKA;EACI;IACI,gBAAA;ECFN;EDIE;IACI,kBAAA;ECFN;AACF;ADKA;EACI;IACI,aAAA;ECHN;AACF","file":"about.css"}
\ No newline at end of file

demo/about.scss

@@ -25,7 +25,7 @@
     }
     h1{
         margin: 0;
-        padding-bottom: 1.5vw;
+        margin-bottom: 4vh;
     }
     .svgimg{
         width: 1.7vh;

demo/contact.css

@@ -17,4 +17,26 @@
   display: flex;
   align-items: center;
   height: 80vh;
+}
+.parent h1 {
+  margin: 0;
+  padding-bottom: 4vh;
+}
+.parent .col-12 {
+  --bs-gutter-y: 3rem;
+}
+.parent .col-12 .btn {
+  background-color: #212529;
+  border-color: #212529;
+  transition: ease-in-out 0.2s;
+}
+.parent .col-12 .btn:hover {
+  transform: scale(1.03);
+  transition: ease-in-out 0.2s;
+}
+
+@media screen and (max-height: 420px) {
+  .parent .col-12 {
+    --bs-gutter-y: 1rem !important;
+  }
 }/*# sourceMappingURL=contact.css.map */
\ No newline at end of file

demo/contact.css.map

-{"version":3,"sources":["contact.scss","contact.css"],"names":[],"mappings":"AAAQ,wBAAA;AAER;EACI,oCAAA;EACA,4BAAA;EACA,6BAAA;ACAJ;;ADGA;EACI;IACI,UAAA;ECAN;EDEE;IACI,UAAA;ECAN;AACF;ADGA;EACI,aAAA;EACA,mBAAA;EACA,YAAA;ACDJ","file":"contact.css"}
+{"version":3,"sources":["contact.scss","contact.css"],"names":[],"mappings":"AAAQ,wBAAA;AAER;EACI,oCAAA;EACA,4BAAA;EACA,6BAAA;ACAJ;;ADGA;EACI;IACI,UAAA;ECAN;EDEE;IACI,UAAA;ECAN;AACF;ADGA;EACI,aAAA;EACA,mBAAA;EACA,YAAA;ACDJ;ADEI;EACI,SAAA;EACA,mBAAA;ACAR;ADEI;EACI,mBAAA;ACAR;ADCQ;EACI,yBAAA;EACA,qBAAA;EACA,4BAAA;ACCZ;ADAS;EACG,sBAAA;EACA,4BAAA;ACEZ;;ADGA;EAEI;IACI,8BAAA;ECDN;AACF","file":"contact.css"}
\ No newline at end of file

demo/contact.scss

@@ -19,4 +19,27 @@
     display: flex;
     align-items: center;
     height: 80vh;
+    h1{
+        margin: 0;
+        padding-bottom: 4vh;
+    }
+    .col-12{
+        --bs-gutter-y: 3rem;
+        .btn{
+            background-color: #212529;
+            border-color: #212529;
+            transition: ease-in-out 0.2s;
+        }.btn:hover{
+            transform: scale(1.03);
+            transition: ease-in-out 0.2s;
+        }
+    }
+}
+
+@media screen and (max-height: 420px) {
+    .parent{
+    .col-12{
+        --bs-gutter-y: 1rem !important;
+    }
+}
 }
\ No newline at end of file

demo/index.css

@@ -23,7 +23,7 @@
 }
 .parent h1 {
   margin: 0;
-  padding-bottom: 1.5vw;
+  margin-bottom: 4vh;
 }
 
 @media screen and (max-width: 400px) {

demo/index.css.map

-{"version":3,"sources":["index.scss","index.css"],"names":[],"mappings":"AAAQ,wBAAA;AAER;EACI,oCAAA;EACA,4BAAA;EACA,6BAAA;ACAJ;;ADGA;EACI;IACI,UAAA;ECAN;EDEE;IACI,UAAA;ECAN;AACF;ADIA;EACI,aAAA;EACA,mBAAA;EACA,YAAA;ACFJ;ADGI;EACI,mBAAA;ACDR;ADGI;EACI,SAAA;EACA,qBAAA;ACDR;;ADKA;EACI;IACI,gBAAA;ECFN;AACF;ADKA;EACI;IACI,aAAA;ECHN;EDIM;IACI,WAAA;IACA,kBAAA;ECFV;AACF","file":"index.css"}
+{"version":3,"sources":["index.scss","index.css"],"names":[],"mappings":"AAAQ,wBAAA;AAER;EACI,oCAAA;EACA,4BAAA;EACA,6BAAA;ACAJ;;ADGA;EACI;IACI,UAAA;ECAN;EDEE;IACI,UAAA;ECAN;AACF;ADIA;EACI,aAAA;EACA,mBAAA;EACA,YAAA;ACFJ;ADGI;EACI,mBAAA;ACDR;ADGI;EACI,SAAA;EACA,kBAAA;ACDR;;ADKA;EACI;IACI,gBAAA;ECFN;AACF;ADKA;EACI;IACI,aAAA;ECHN;EDIM;IACI,WAAA;IACA,kBAAA;ECFV;AACF","file":"index.css"}
\ No newline at end of file

demo/index.scss

@@ -25,7 +25,7 @@
     }
     h1{
         margin: 0;
-        padding-bottom: 1.5vw;
+        margin-bottom: 4vh;
     }
 }
 

demo/portfolio.css

@@ -61,7 +61,7 @@ html {
 }
 .parent h1 {
   margin: 0;
-  padding-bottom: 1.5vw;
+  margin-bottom: 4vh;
   text-align: center;
 }
 

demo/portfolio.css.map

-{"version":3,"sources":["portfolio.scss","portfolio.css"],"names":[],"mappings":"AAAQ,wBAAA;AAER;EACI,oCAAA;EACA,4BAAA;EACA,6BAAA;ACAJ;;ADGA;EACI;IACI,UAAA;ECAN;EDEE;IACI,UAAA;ECAN;AACF;ADIA;EACI,wBAAA;EACA,qBAAA;ACFJ;;ADIA;EACI,aAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ;ADGI;EACI,mBAAA;EACA,eAAA;EACA,uBAAA;ACDR;ADEQ;EACI,oBAAA;EACA,gBAAA;EACA,iBAAA;EACA,qBAAA;ACAZ;ADCY;EACI,0BAAA;ACChB;ADCY;EACI,yBAAA;EACA,qBAAA;EACA,4BAAA;ACChB;ADAa;EACG,sBAAA;EACA,4BAAA;ACEhB;ADAY;EACI,WAAA;EACA,sBAAA;EACA,yBAAA;EACA,gDAAA;EACA,4BAAA;ACEhB;ADAY;EACI,sBAAA;EACA,4BAAA;ACEhB;ADEI;EACI,SAAA;EACA,qBAAA;EACA,kBAAA;ACAR;;ADQA;EACI;IACI,aAAA;ECLN;AACF","file":"portfolio.css"}
+{"version":3,"sources":["portfolio.scss","portfolio.css"],"names":[],"mappings":"AAAQ,wBAAA;AAER;EACI,oCAAA;EACA,4BAAA;EACA,6BAAA;ACAJ;;ADGA;EACI;IACI,UAAA;ECAN;EDEE;IACI,UAAA;ECAN;AACF;ADIA;EACI,wBAAA;EACA,qBAAA;ACFJ;;ADIA;EACI,aAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ;ADGI;EACI,mBAAA;EACA,eAAA;EACA,uBAAA;ACDR;ADEQ;EACI,oBAAA;EACA,gBAAA;EACA,iBAAA;EACA,qBAAA;ACAZ;ADCY;EACI,0BAAA;ACChB;ADCY;EACI,yBAAA;EACA,qBAAA;EACA,4BAAA;ACChB;ADAa;EACG,sBAAA;EACA,4BAAA;ACEhB;ADAY;EACI,WAAA;EACA,sBAAA;EACA,yBAAA;EACA,gDAAA;EACA,4BAAA;ACEhB;ADAY;EACI,sBAAA;EACA,4BAAA;ACEhB;ADEI;EACI,SAAA;EACA,kBAAA;EACA,kBAAA;ACAR;;ADQA;EACI;IACI,aAAA;ECLN;AACF","file":"portfolio.css"}
\ No newline at end of file

demo/portfolio.scss

@@ -62,7 +62,7 @@ html{
     }
     h1{
         margin: 0;
-        padding-bottom: 1.5vw;
+        margin-bottom: 4vh;
         text-align: center;
     }
 }