angestoepselt/homepage
5
0
Fork 0
mirror of https://codeberg.org/angestoepselt/homepage.git synced 2025-05-24 14:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix mobile styles for banner content

Browse source
This commit is contained in:
Yannik Rödel 2022-06-12 19:55:49 +02:00
parent 6eba9d3c37
commit 1a257c5f4f
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
styles/components/_banner.scss
View file

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