yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor styles for header and added margin for main

Browse Source
This commit is contained in:
Kostya
2023-11-29 15:40:12 +03:00
parent 4a59b150db
commit 3042801dc3
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
View File

@@ -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 */