✨ Responsive almost done
This commit is contained in:
parent
100a0fcdaa
commit
e7354c74e4
@ -21,7 +21,7 @@
|
||||
align-items: center;
|
||||
padding: 24px;
|
||||
gap: 10px;
|
||||
width: 530px;
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
border: 1px solid $grey-medium;
|
||||
|
||||
@ -98,7 +98,7 @@
|
||||
padding: 24px;
|
||||
gap: 10px;
|
||||
|
||||
width: 530px;
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
border: 1px solid $grey-medium;
|
||||
|
||||
@ -111,7 +111,6 @@
|
||||
position: absolute;
|
||||
background: $white;
|
||||
transform: translateY(35px);
|
||||
transition: transform 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
|
@ -15,7 +15,9 @@
|
||||
}
|
||||
.sides {
|
||||
width: 50%;
|
||||
|
||||
@media (max-width: $screen-m) {
|
||||
width: 100%;
|
||||
}
|
||||
&.image-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -1,6 +1,12 @@
|
||||
@import "@Themes/constants.scss";
|
||||
|
||||
.root {
|
||||
margin: 64px 0 0 64px;
|
||||
padding: 64px 0 0 64px;
|
||||
width: 530px;
|
||||
@media (max-width: $screen-m) {
|
||||
width: 100%;
|
||||
padding: 64px 16px 0 16px;
|
||||
}
|
||||
.title {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user