Fixing responsive

This commit is contained in:
Maxime Lalo 2023-04-18 11:51:04 +02:00
parent 1a0c29ad4d
commit 009e7cfa6e
2 changed files with 11 additions and 2 deletions

View File

@ -28,6 +28,7 @@
background: var(--grey-soft); background: var(--grey-soft);
.image { .image {
width: 100%; width: 100%;
height: 100%;
object-fit: contain; object-fit: contain;
} }
} }

View File

@ -3,10 +3,18 @@
.root { .root {
margin: 64px; margin: 64px;
width: 530px; width: 530px;
@media (max-width: $screen-m) {
@media (max-width: $screen-l) {
width: 100%; width: 100%;
margin: 64px 16px 0 16px; margin: 0;
margin-top: 64px;
padding: 0 32px 0 32px;
} }
@media (max-width: $screen-m) {
padding: 0 16px 0 16px;
}
.title { .title {
margin-top: 24px; margin-top: 24px;
} }