Fix css validator issues with font family name and css grid row value

shadeofpurple79 · Nov 5, 2022 · aeeec76 · aeeec76
1 parent 0e8f6a4
commit aeeec76
Show file tree

Hide file tree

Showing 13 changed files with 8 additions and 8 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -7,7 +7,7 @@
 }
 
 body {
-    font-family: roboto condensed, sans-serif;
+    font-family: "roboto condensed", sans-serif;
     font-weight: 300;
     color: #2f4f4f;
     background-color: #fafafa;
@@ -79,7 +79,7 @@ a {
 /* hero image overlay text - not overlaid on mobile */
 #hero-text {
     font-size: 120%;
-    font-family: roboto condensed, sans-serif;
+    font-family: "roboto condensed", sans-serif;
     text-align: center;
     height: 75px;
     width: 100%;
@@ -463,7 +463,7 @@ hr.solid {
         border-radius: 8px;
         border: 1px solid #ddd;
         font-size: 150%;
-        font-family: roboto condensed, sans-serif;
+        font-family: "roboto condensed", sans-serif;
         height: 100px;
         width: 400px;
         background-color: rgba(236, 236, 236, 0.5);
@@ -536,7 +536,7 @@ hr.solid {
         border-radius: 8px;
         border: 1px solid #ddd;
         font-size: 150%;
-        font-family: roboto condensed, sans-serif;
+        font-family: "roboto condensed", sans-serif;
         height: 100px;
         width: 400px;
         background-color: rgba(236, 236, 236, 0.5);
@@ -552,7 +552,7 @@ hr.solid {
     .vitamin-wrapper {
         display: grid;
         grid-template-columns: 500px 500px;
-        grid-row: auto auto;
+        grid-row: auto / auto;
         grid-column-gap: 20px;
         grid-row-gap: 20px;
         justify-content: center;
@@ -561,7 +561,7 @@ hr.solid {
     .vitamin-wrapper-1 {
         display: grid;
         grid-template-columns: 1000px;
-        grid-row: auto auto;
+        grid-row: auto / auto;
         grid-column-gap: 20px;
         grid-row-gap: 20px;
         justify-content: center;
@@ -577,7 +577,7 @@ hr.solid {
     .vitaminc-wrapper {
         display: grid;
         grid-template-columns: 1000px;
-        grid-row: auto auto;
+        grid-row: auto / auto;
         grid-column-gap: 20px;
         grid-row-gap: 20px;
         justify-content: center;
@@ -587,7 +587,7 @@ hr.solid {
     .vitamind-wrapper {
         display: grid;
         grid-template-columns: 1000px;
-        grid-row: auto auto;
+        grid-row: auto / auto;
         grid-column-gap: 20px;
         grid-row-gap: 20px;
         justify-content: center;

diff --git a/assets/images/pexels-anastasia-tooming-11105320.jpg b/assets/images/pexels-anastasia-tooming-11105320.jpg
diff --git a/assets/images/pexels-anna-tarazevich-5935416.jpg b/assets/images/pexels-anna-tarazevich-5935416.jpg
diff --git a/assets/images/pexels-digital-buggu-171198.jpg b/assets/images/pexels-digital-buggu-171198.jpg
diff --git a/assets/images/pexels-engin-akyurt-1435735.jpg b/assets/images/pexels-engin-akyurt-1435735.jpg
diff --git a/assets/images/pexels-garon-piceli-852793.jpg b/assets/images/pexels-garon-piceli-852793.jpg
diff --git a/assets/images/pexels-ian-turnell-709567.jpg b/assets/images/pexels-ian-turnell-709567.jpg
diff --git a/assets/images/pexels-jane-doan-1092730.jpg b/assets/images/pexels-jane-doan-1092730.jpg
diff --git a/assets/images/pexels-lukas-1414134.jpg b/assets/images/pexels-lukas-1414134.jpg
diff --git a/assets/images/pexels-oleksandr-pidvalnyi-321552.jpg b/assets/images/pexels-oleksandr-pidvalnyi-321552.jpg
diff --git a/assets/images/pexels-photomix-company-96620.jpg b/assets/images/pexels-photomix-company-96620.jpg
diff --git a/assets/images/pexels-pixabay-327098.jpg b/assets/images/pexels-pixabay-327098.jpg
diff --git a/assets/images/vitaminception-main.png b/assets/images/vitaminception-main.png