Responsive Flexbox

Example using flexbox for responsive design.

Preview

Code

<div style="display:flex;flex-wrap:wrap;gap:10px;">
<div style="flex:1 1 150px;background:#eee;padding:10px;">Item 1</div>
<div style="flex:1 1 150px;background:#ddd;padding:10px;">Item 2</div>
<div style="flex:1 1 150px;background:#ccc;padding:10px;">Item 3</div>
</div>

More HTML Responsive Examples (5)