fix responsive product page - issue #23

This commit is contained in:
Alexis Gousseau 2023-06-29 10:35:27 +02:00
parent f032bff8d4
commit 12fee4adcd
2 changed files with 8 additions and 3 deletions

View file

@ -124,7 +124,7 @@ body > div > footer {
& a {
padding: 0;
font-size: 3.5em;
margin: 0 14px;
margin: 0 12px;
@include max-width($mobile + 100px) {
font-size: 3em;
}

View file

@ -33,6 +33,7 @@
}
@include max-width($desktop) {
padding-left: 21em;
padding-bottom: 78em;
}
@include max-width($tablet) {
padding-left: 0;
@ -67,10 +68,13 @@
position: absolute;
margin-left: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
left: 21em;
margin-bottom: 3rem;
}
@include max-width($tablet) {
left: 50%;
transform: translateX(-50%)
}
& picture {
text-align: center;
@ -123,6 +127,7 @@
// pour responsive rsm
&.wrapperRsm {
min-height: $rsmHeight + 3rem * 3;
position: relative;
}
& .general {