(css) Change details of monogram sizing
This commit is contained in:
parent
df02bbe888
commit
9ba2d60449
|
|
@ -26,7 +26,7 @@ body {
|
|||
width: 100%;
|
||||
height: 100vh;
|
||||
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;
|
||||
font-family: 'Fira Sans', sans-serif;
|
||||
}
|
||||
|
|
@ -40,8 +40,8 @@ body {
|
|||
/* Monogram */
|
||||
|
||||
.monogram {
|
||||
width: 20vw;
|
||||
height: 30vw;
|
||||
width: 100%;
|
||||
aspect-ratio: 2 / 3;
|
||||
mask-image: url('assets/images/monogram.svg');
|
||||
background: black;
|
||||
background-size: cover;
|
||||
|
|
|
|||
Loading…
Reference in New Issue