adaptive layout v2

ivandavidyuk · Aug 28, 2023 · 16a9abf · 16a9abf
1 parent f2829d9
commit 16a9abf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/css/style.css b/src/css/style.css
@@ -871,7 +871,7 @@ input[type=text].subdomaintwo {
 
 @media (max-width: 426px) {
   .container {
-    width: 420px;
+    max-width: 420px;
   }
   .container .socials {
     -webkit-box-pack: space-evenly;
@@ -1009,7 +1009,7 @@ input[type=text].subdomaintwo {
 }
 @media (max-width: 376px) {
   .container {
-    width: 370px;
+    max-width: 370px;
   }
   .container .result {
     padding: 20px 20px;
@@ -1042,7 +1042,7 @@ input[type=text].subdomaintwo {
 }
 @media (max-width: 321px) {
   .container {
-    width: 315px;
+    max-width: 315px;
   }
   .container .block {
     padding: 0px;

diff --git a/src/scss/style.scss b/src/scss/style.scss
@@ -677,7 +677,7 @@ input[type="text"].subdomaintwo{
 
 @media (max-width: 426px) {
     .container {
-        width: 420px;
+        max-width: 420px;
         .socials {
             justify-content: space-evenly;
         }
@@ -815,7 +815,7 @@ input[type="text"].subdomaintwo{
 }
 @media (max-width: 376px) {
     .container {
-        width: 370px;
+        max-width: 370px;
         .result {
             padding: 20px 20px;
         }
@@ -849,7 +849,7 @@ input[type="text"].subdomaintwo{
 
 @media (max-width: 321px) {
     .container {
-        width: 315px;
+        max-width: 315px;
         .block {
             padding: 0px;
             h3 {