generated from muhtadeetaron/nextjs-template
fixed sliding gallery, fixed styling
This commit is contained in:
@ -29,7 +29,7 @@
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 24px;
|
||||
font-size: 20px ;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
@ -133,14 +133,14 @@
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.header {
|
||||
height: 80px;
|
||||
height: 100px;
|
||||
padding-top: 15px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.profile {
|
||||
@ -148,8 +148,8 @@
|
||||
}
|
||||
|
||||
.profileImg {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.timer {
|
||||
|
||||
@ -70,6 +70,7 @@
|
||||
.categoriesContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
gap: 16px;
|
||||
padding-top: 25px;
|
||||
}
|
||||
@ -228,7 +229,7 @@
|
||||
}
|
||||
|
||||
.categoryButtonText {
|
||||
font-size: 12px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.categoryRow {
|
||||
@ -246,11 +247,11 @@
|
||||
}
|
||||
|
||||
.sectionTitle {
|
||||
font-size: 18px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.categoryButton {
|
||||
height: 100px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.mainContent {
|
||||
@ -258,7 +259,7 @@
|
||||
}
|
||||
|
||||
.categoryRow {
|
||||
flex-direction: column;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.categoryButton {
|
||||
|
||||
@ -22,14 +22,16 @@
|
||||
}
|
||||
|
||||
.slide {
|
||||
min-width: calc(100% - 72px);
|
||||
min-width: 100%;
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
scroll-snap-align: start;
|
||||
padding: 0 36px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
.link {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
@ -37,14 +39,13 @@
|
||||
}
|
||||
|
||||
.facebook {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: space-evenly;
|
||||
flex-direction: row;
|
||||
height: 100%;
|
||||
background-color: #fff;
|
||||
border-radius: 25px;
|
||||
padding: 20px;
|
||||
padding: 40px 40px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user