Modify logo class to adapt css best practices

b3z3 · Apr 19, 2022 · 45d4246 · 45d4246
1 parent 21e94b7
commit 45d4246
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/styles/main.css b/styles/main.css
@@ -67,6 +67,7 @@ button:disabled{
 
 .logo{
     flex: 0 0 200px;
+    height: 48px;
     text-align: center;
     max-width: 200px;
     padding-right: 80px;
@@ -208,6 +209,7 @@ button:disabled{
 @media screen and (min-width: 992px) and (max-width: 1200px){
     .logo{
         flex: 0 0 170px;
+        height: 48px;
         max-width: 170px;
         padding-right: 50px;
     }
@@ -226,6 +228,7 @@ button:disabled{
 @media screen and (min-width: 768px) and (max-width: 991px) {
     .logo{
         flex: 0 0 100%;
+        height: 48px;
         max-width: 100%;
         padding: 30px 0;
         text-align: left;
@@ -264,6 +267,7 @@ button:disabled{
 
     .logo{
         flex: 0 0 100%;
+        height: 48px;
         max-width: 100%;
         padding-right: 0px;
         text-align: left;