gramado.css: working on font size for mobile

grassd8 · Sep 28, 2024 · a088d15 · a088d15
1 parent 762f2f5
commit a088d15
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/assets/css/gramado.css b/assets/css/gramado.css
@@ -57,9 +57,9 @@ a:hover {
  * Mobile first?
  */
 
-/* navigation bar for small screens */
+/* Navigation bar for small screens */
 .gramado-nav {
-    font-size: 3.5vw;
+    font-size: 4.5vw;
     border-top: 2px solid rgba(88, 88, 88, .3);
     border-bottom: 2px solid rgba(129, 129, 129, .3);
 }
@@ -85,12 +85,12 @@ a:hover {
 }
 
 .gramado-container {
-    text-align: center;
     font-size: 4.4vw;
+    text-align: center;
 }
 
 .gramado-header{
-    font-size: 2.9vw;
+    font-size: 3.5vw;
     color: #202020;
     text-align: center;
     text-transform: uppercase;
@@ -101,9 +101,8 @@ a:hover {
     height: auto;
 }
 
-
 .gramado-text{
-    font-size: 2.9vw;
+    font-size: 3.5vw;
 }
 
 .gramado-image {
@@ -116,8 +115,8 @@ a:hover {
 }
 
 .gramado-button {
+    font-size: 4.5vw;
     text-align: center;
-    font-size: 4.3vw;
     color: #fff;
     background-color: #007bff;
     border: 1px solid rgba(0, 0, 0, 0.1);
@@ -141,7 +140,7 @@ a:hover {
 }
 
 .gramado-footer {
-    font-size: 2.9vw;
+    font-size: 3.5vw;
     text-align: center;
     color: #808080;
     padding-bottom: 2%;
@@ -159,7 +158,7 @@ a:hover {
 
 /* navigation bar for large screens */
 .gramado-nav {
-    font-size: 2.0vw;
+    font-size: 2.2vw;
     border-top: 2px solid rgba(80, 80, 80, .3);
     border-bottom: 2px solid rgba(123, 123, 123, .3);
 }
@@ -183,12 +182,12 @@ a:hover {
 }
 
 .gramado-container {
-    font-size: 4.4vw;
+    font-size: 4.0vw;
     text-align: center;
 }
 
 .gramado-header{
-    font-size: 2.0vw;
+    font-size: 1.8vw;
     color: #202020;
 }
 .gramado-header-image {
@@ -198,7 +197,7 @@ a:hover {
 }
 
 .gramado-text{
-    font-size: 2.4vw;
+    font-size: 2.2vw;
     color: #202020;
 }
 
@@ -212,8 +211,8 @@ a:hover {
 }
 
 .gramado-button {
+    font-size: 2.2vw;
     text-align: center;
-    font-size: 1.9vw;
     color: #fff;
     background-color: #007bff;
     border: 1px solid rgba(0, 0, 0, 0.1);