feat(SW-1386): add full width campaign to start page
This commit is contained in:
@@ -0,0 +1,41 @@
|
||||
.container {
|
||||
position: relative;
|
||||
height: 640px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
gap: var(--Spacing-x1);
|
||||
padding: var(--Spacing-x4) var(--Spacing-x3);
|
||||
}
|
||||
|
||||
.mainContent {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: var(--Spacing-x2);
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
gap: var(--Spacing-x1);
|
||||
}
|
||||
|
||||
.image {
|
||||
max-width: 100%;
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.image {
|
||||
height: 880px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user