CSS fix

public/css/style.css

@@ -26,16 +26,17 @@ html, body {
 }
 
 .header-main {
-    width: 20%;
+    width: 200px;
     height: 20vh;
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center;
+    flex-shrink: 0;
 }
 
 .banner {
-    width: 60%;
+    flex-grow: 1;
     height: 20vh;
     display: flex;
     justify-content: center;
@@ -49,10 +50,11 @@ html, body {
 }
 
 .language-area {
-    width: 20%;
+    width: 200px;
     height: 20vh;
     background-color: #ccc;
     padding: 10px;
+    flex-shrink: 0;
 }
 
 .language {
@@ -111,6 +113,7 @@ html, body {
     color: #333;
     display: block;
     padding: 5px;
+    text-align: center;
 }
 
 .navbar a:hover {