Responsive almost done

This commit is contained in:
Maxime Lalo 2023-04-17 17:18:16 +02:00
parent 100a0fcdaa
commit e7354c74e4
3 changed files with 12 additions and 5 deletions

View File

@ -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 {

View File

@ -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;

View File

@ -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;
} }