n
/
elizabeth-website-sketch
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

(css) Change details of monogram sizing

This commit is contained in:
n loewen 2023-09-23 15:18:30 -07:00
parent df02bbe888
commit 9ba2d60449
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
style.css
View File

@ -26,7 +26,7 @@ body {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
display: grid; display: grid;
grid-template-columns: [gutter-left] 1fr [content-column] 1fr [gutter-right] 1fr; grid-template-columns: [gutter-left] 1fr [content-column] max(25vw) [gutter-right] 1fr;
grid-template-rows: [header] 1fr [center] 1fr [footer] 1fr; grid-template-rows: [header] 1fr [center] 1fr [footer] 1fr;
font-family: 'Fira Sans', sans-serif; font-family: 'Fira Sans', sans-serif;
} }
@ -40,8 +40,8 @@ body {
/* Monogram */ /* Monogram */
.monogram { .monogram {
width: 20vw; width: 100%;
height: 30vw; aspect-ratio: 2 / 3;
mask-image: url('assets/images/monogram.svg'); mask-image: url('assets/images/monogram.svg');
background: black; background: black;
background-size: cover; background-size: cover;