mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 04:09:29 +02:00
refactor styles for header and added margin for main
This commit is contained in:
@@ -6,7 +6,7 @@ body {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-auto-columns: 1fr;
|
grid-auto-columns: 1fr;
|
||||||
grid-template-columns: repeat(4, 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:
|
grid-template-areas:
|
||||||
"header-mobile header-mobile header-mobile header-mobile"
|
"header-mobile header-mobile header-mobile header-mobile"
|
||||||
"main-mobile main-mobile main-mobile main-mobile"
|
"main-mobile main-mobile main-mobile main-mobile"
|
||||||
@@ -21,7 +21,7 @@ body {
|
|||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
background: #17181C;
|
background: #17181C;
|
||||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||||
height: 55%;
|
height: 65%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-mobile {
|
.main-mobile {
|
||||||
@@ -96,10 +96,6 @@ body {
|
|||||||
|
|
||||||
/* Main */
|
/* Main */
|
||||||
|
|
||||||
.main-mobile {
|
|
||||||
margin-top: 30%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-mobile__content {
|
.main-mobile__content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -134,4 +130,9 @@ body {
|
|||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card-two {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
/* /Main */
|
/* /Main */
|
||||||
Reference in New Issue
Block a user