diff --git a/src/objects/Case/case.css b/src/objects/Case/case.css index 209df11..484cb5e 100644 --- a/src/objects/Case/case.css +++ b/src/objects/Case/case.css @@ -34,7 +34,13 @@ @media (max-width: 720px) { .case { - height: calc(58px * 0.8); - width: calc(58px * 0.8); + height: calc(58px / 1.5); + width: calc(58px / 1.5); } + + .case > .circle { + width: calc(3em / 1.5); + height: calc(3em / 1.5); + } + } \ No newline at end of file diff --git a/src/objects/Footer/Footer.css b/src/objects/Footer/Footer.css index 56a8dee..353bccd 100644 --- a/src/objects/Footer/Footer.css +++ b/src/objects/Footer/Footer.css @@ -30,13 +30,14 @@ footer .right { margin-left: 2%; display: grid; padding: 0; - overflow: scroll; grid-column-gap: 0; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr 1fr; justify-items: center; justify-content: center; align-items: center; + overflow-x: hidden; + overflow-y: hidden; } footer .right .mail-to { @@ -56,7 +57,6 @@ footer .right .socials { margin-left: 2%; display: grid; padding: 0; - overflow: scroll; grid-column-gap: 0; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr 1fr; @@ -81,7 +81,6 @@ footer .right .socials { margin-left: 2%; display: grid; padding: 0; - overflow: scroll; grid-column-gap: 0; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr 1fr; @@ -106,7 +105,6 @@ footer .right .socials { margin-left: 2%; display: grid; padding: 0; - overflow: scroll; grid-column-gap: 0; grid-template-columns: repeat(7, 1fr); grid-template-rows: 1fr 1fr; diff --git a/src/objects/Game/Game.css b/src/objects/Game/Game.css index feb99d2..6aa0cc7 100644 --- a/src/objects/Game/Game.css +++ b/src/objects/Game/Game.css @@ -30,13 +30,13 @@ @media (max-width: 720px) { #game { - width: 500px; + width: calc(500px / 1.5); flex-direction: column-reverse; gap: 2rem; } #drop-zone { - width: calc(500px*0.8); + width: calc(500px / 1.5); height: 500px; } diff --git a/src/objects/Line/Line.css b/src/objects/Line/Line.css index 7f6115b..8b870e2 100644 --- a/src/objects/Line/Line.css +++ b/src/objects/Line/Line.css @@ -1,25 +1,38 @@ .line { display: flex; flex-direction: row; - width: calc(100% - 1em - 1em); + width: calc(500px - 1em - 1em); height: 58px; padding: 1em; + row-gap: 2em; + align-items: center; + justify-content: space-between; } .cases { flex-direction: row; display: flex; - width: 80%; + width: calc(80% - 1em); + height: 58px; } button { width: calc(20% - 1em); - margin-left: 1em; + height: 58px; padding: 0; } @media (max-width: 720px) { .line { - height: clamp(calc(58px * 0.3), calc(58px * 0.3 + 3px), calc(58px * 0.8)); + height: calc(58px / 1.5); + width: calc(500px / 1.5 - 1em - 1em); + } + + button { + height: calc(58px / 1.5); + } + + .cases { + height: calc(58px / 1.5); } } \ No newline at end of file