Sv443 / flex-wrap-example

A pure CSS flexbox, responsive, always left-aligned, auto-wrapping grid of 1-dimensional items

A pure CSS flexbox, responsive, always left-aligned, auto-wrapping grid of 1-dimensional items

Click here to open the demo page
The code is licensed under the WTFPL license, so you can do whatever you want with it.

Features:

• Columns are always aligned
• Rows are always left-aligned
• Items wrap automatically on smaller screens
• Items are always the same width and height, unless the container can span its full width

Configuration:

• Open the index.html in your browser and use the input fields to configure item size and amount.
• Edit the values in the :root block inside index.css to change container size and amount of items per row.