Core Code
Core Code Modern Dev Handbook

Grid Layout

Example using CSS grid layout.

Preview

Code

<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;">
<div style="background:#ddd;padding:10px;">Grid Item 1</div>
<div style="background:#ccc;padding:10px;">Grid Item 2</div>
</div>

More HTML Layout Examples (7)

example Basic Layout open example example Header Main Footer Layout open example example Two Column Layout open example example Sidebar Layout open example example Flex Layout open example example Card Layout open example example Simple Page Layout open example