Header responsive text and icons

masaka222 · Sep 28, 2018 · dcf51bb · dcf51bb
1 parent 238ffb1
commit dcf51bb
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/Header.css b/src/Header.css
@@ -10,8 +10,8 @@
     padding-top: 4rem;
 
     display: grid;
-    grid-template-rows: 1fr min-content 6rem 1fr;
-    grid-template-columns: max-content;
+    grid-template-rows: 1fr min-content minmax(6rem, min-content) 1fr;
+    grid-template-columns: minmax( min-content , max-content) ;
     grid-row-gap: 1.5rem;
 
     justify-content: center;
@@ -54,9 +54,11 @@
     grid-template-columns: repeat(4, 1fr);
     grid-column-gap: 3rem;
     justify-items: center;
+    align-items: center;
 }
 
 .header__seenon-logos img {
-    height: 2.5rem;
+    max-height: 2.5rem;
+    max-width: 100%;
     filter: brightness(70%);
 }