refactor styles for header and added margin for main

This commit is contained in:
Kostya
2023-11-29 15:40:12 +03:00
parent 4a59b150db
commit 3042801dc3

View File

@@ -6,7 +6,7 @@ body {
display: grid;
grid-auto-columns: 1fr;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr repeat(2, 0.5fr) 1fr;
grid-template-rows: repeat(7, 1fr);
grid-template-areas:
"header-mobile header-mobile header-mobile header-mobile"
"main-mobile main-mobile main-mobile main-mobile"
@@ -21,7 +21,7 @@ body {
border-radius: 20px;
background: #17181C;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
height: 55%;
height: 65%;
}
.main-mobile {
@@ -96,10 +96,6 @@ body {
/* Main */
.main-mobile {
margin-top: 30%;
}
.main-mobile__content {
display: flex;
align-items: center;
@@ -134,4 +130,9 @@ body {
margin-left: 10px;
}
.card-two {
margin-top: 20px;
margin-left: 10px;
}
/* /Main */