Fix mobile styles for banner content

This commit is contained in:
Yannik Rödel 2022-06-12 19:55:49 +02:00
parent 6eba9d3c37
commit 1a257c5f4f

View file

@ -38,7 +38,6 @@
flex-direction: column;
align-items: flex-start;
position: relative;
padding: layout.$normal-gap max(#{layout.$large-gap}, 15vw);
> div {
display: inline-block;
@ -58,6 +57,11 @@
> p:last-child {
margin-bottom: 0;
}
> p {
margin-left: 0;
margin-right: 0;
}
}
> .title {
@ -71,5 +75,9 @@
background-color: colors.$orange-500;
}
}
@media screen and (min-width: layout.$breakpoint) {
padding: layout.$normal-gap max(#{layout.$large-gap}, 15vw);
}
}
}