Skip to content

Instantly share code, notes, and snippets.

@eldyvoon

eldyvoon/css grid 3 columns responsive

Last active June 14, 2022 13:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eldyvoon/8299abdcb7b0bba55e76715ca67b2e3e to your computer and use it in GitHub Desktop.
Save eldyvoon/8299abdcb7b0bba55e76715ca67b2e3e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
css grid 3 columns responsive
body {
max-width: 700px;
margin: 0 auto;
padding: 20px;
}
.container {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.item {
height: 200px;
border: 1px solid;
display: grid;
place-items: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment