Skip to content

Instantly share code, notes, and snippets.

@malkab
Created April 11, 2022 10:54
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 malkab/ada3c67212085320ec7f16548e760fa9 to your computer and use it in GitHub Desktop.
Save malkab/ada3c67212085320ec7f16548e760fa9 to your computer and use it in GitHub Desktop.
CSS side-by-side DIV
div.grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
<div class="grid-container">
<div>
<p>Left column (equal distribution, see 1fr at CSS)</p>
</div>
<div>
<p>Right column</p>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment