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