Skip to content

Instantly share code, notes, and snippets.

@selfagency

selfagency/grid-aspect-ratio.css

Last active July 11, 2021 00:56
Show Gist options
  • Save selfagency/2e4f10fe5b9d1e3736503a4a4023945c to your computer and use it in GitHub Desktop.
Save selfagency/2e4f10fe5b9d1e3736503a4a4023945c to your computer and use it in GitHub Desktop.
Download ZIP
[grid aspect ratio]
Raw
grid-aspect-ratio.css
#grid {
width: 240px;
background: grey;
}
.aspectRatioSizer {
display: grid;
}
.aspectRatioSizer > * {
grid-area: 1 / 1 / 2 / 2;
}
#content {
background: green;
display: flex;
align-items: center;
justify-content: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment