mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 04:09:29 +02:00
71 lines
1.4 KiB
CSS
71 lines
1.4 KiB
CSS
.content-grid__mobile-home {
|
|
display: grid;
|
|
grid-auto-columns: 1fr;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
grid-template-rows: 1fr repeat(2, 0.5fr) 1fr;
|
|
grid-template-areas:
|
|
"header-mobile header-mobile header-mobile header-mobile"
|
|
"main-mobile main-mobile main-mobile main-mobile"
|
|
"main-mobile main-mobile main-mobile main-mobile"
|
|
"footer-mobile footer-mobile footer-mobile footer-mobile";
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.header-mobile {
|
|
grid-area: header-mobile;
|
|
border-radius: 20px;
|
|
background: #17181C;
|
|
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.main-mobile {
|
|
grid-area: main-mobile;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #983838;
|
|
}
|
|
|
|
.footer-mobile {
|
|
grid-area: footer-mobile;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #73ce36;
|
|
}
|
|
|
|
/* Header */
|
|
|
|
.header-mobile__content {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.header-mobile__nav {
|
|
display: flex;
|
|
}
|
|
|
|
.header-mobile__logo {
|
|
padding: 23px 0 11px 17px;
|
|
}
|
|
|
|
.header-mobile__logo img {
|
|
width: 170px;
|
|
}
|
|
|
|
.balance-mobile__card {
|
|
align-self: start;
|
|
display: flex;
|
|
}
|
|
|
|
.card-balance h2 {
|
|
border-radius: 7px;
|
|
background: #22252F;
|
|
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
|
display: flex;
|
|
text-align: center;
|
|
align-items: center;
|
|
font-size: 0.813em;
|
|
}
|
|
|
|
/* /Header */ |