lab/website-components
1
Fork 0
Code Activity

Fix overflow on small screens

Browse source
This commit is contained in:
Jake Howard 2024-06-20 19:39:53 +01:00
parent 2ee0108d97
commit 4d91da4231
Signed by: jake
GPG key ID: 57AFB45680EDD477
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/hero/index.scss
View file

@ -17,16 +17,17 @@ $bleed-ratio: 0.2;
align-items: flex-end; align-items: flex-end;
.details-wrapper { .details-wrapper {
padding: 1rem;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
color: white; color: white;
line-height: 1; line-height: 1;
width: 100%; width: calc(100% - 2rem);
padding: 0 1rem;
} }
.details { .details {
width: $content-width; width: $content-width;
margin: 0 auto; max-width: 100%;
margin: 1rem auto;
h1 { h1 {
margin: 0; margin: 0;