Fix tablet and desktop margins
This commit is contained in:
+5
-1
@@ -82,7 +82,7 @@ body {
|
|||||||
color: #1e1208;
|
color: #1e1208;
|
||||||
background: #f5edd6;
|
background: #f5edd6;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
padding: 52px 10px 32px;
|
padding: 52px 36px 32px;
|
||||||
position: relative;
|
position: relative;
|
||||||
/* overflow-x: clip (not hidden) — `clip` clips horizontal overflow
|
/* overflow-x: clip (not hidden) — `clip` clips horizontal overflow
|
||||||
WITHOUT making this a scroll container, so `position: sticky` on
|
WITHOUT making this a scroll container, so `position: sticky` on
|
||||||
@@ -841,6 +841,10 @@ body {
|
|||||||
|
|
||||||
@media (max-width: 800px) {
|
@media (max-width: 800px) {
|
||||||
|
|
||||||
|
.utci-app {
|
||||||
|
padding: 52px 10px 32px;
|
||||||
|
}
|
||||||
|
|
||||||
.utci-header {
|
.utci-header {
|
||||||
grid-template-columns: 1fr; /* stack the 3 header columns */
|
grid-template-columns: 1fr; /* stack the 3 header columns */
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user