Responsive Grid

Example using CSS grid for responsive layout.

Preview

Code

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;">
<div style="background:#eee;padding:10px;">Grid Item 1</div>
<div style="background:#ddd;padding:10px;">Grid Item 2</div>
<div style="background:#ccc;padding:10px;">Grid Item 3</div>
</div>

More HTML Responsive Examples (5)