Skip to content

Instantly share code, notes, and snippets.

@psahni
Created April 4, 2025 04:41
Show Gist options
  • Save psahni/99f30afb0013faa24c4e47dd8b4e47be to your computer and use it in GitHub Desktop.
Save psahni/99f30afb0013faa24c4e47dd8b4e47be to your computer and use it in GitHub Desktop.
css learnings
img {
display: block;
max-width: 100%
}
header {
min-height: 300px; // allowed to grow // 80vh
}
.wrapper {
max-width: 960px;
margin-inline: auto; // It centers the content (left and right margin)
}
auto vs 100%
displa: flex
gap: 3rem
flex-wrap: wrap; // browser will figure out, don't worry
display: grid
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment