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

View File

@ -15,7 +15,9 @@
}
.sides {
width: 50%;
@media (max-width: $screen-m) {
width: 100%;
}
&.image-container {
display: flex;
align-items: center;

View File

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