Responsive Layout

Example of a responsive layout using flexible widths.

Preview

Code

<div style="display:flex;flex-wrap:wrap;">
<div style="flex:1 1 200px;background:#ddd;padding:10px;">
Column 1
</div>
<div style="flex:1 1 200px;background:#ccc;padding:10px;">
Column 2
</div>
</div>

More HTML Responsive Examples (5)