# Layout 

Many pages are designed by rows and columns today. There are basically three different methods to create multicolumn layouts.

[](float.md)

[](flexbox.md)

[](grid.md)



Float existed before Flexbox and Grid. It is still in use, but not that much anymore. Flexbox is more flexible. It positions elements based on one axis (horizontal or vertical). If you need both axes, probably better work with Grid.

## Frameworks

Instead of working directly with this CSS properties it's convenient to work with CSS frameworks which are built on top of these properties, like:

[](flexboxgrid.md)

[W3.CSS](https://www.w3schools.com/w3css/default.asp)

[](bootstrap.md)


<div class="alert alert-box alert-warning">
Using these frameworks often reduces the amount of work but likely also the individuality of your page.
</div>
<br>

## References

https://www.sitepoint.com/css-layouts-floats-flexbox-grid/

https://blog.udemy.com/css-grid-vs-flexbox/

https://geekflare.com/bootstrap-alternatives/

[Why CSS Grid is better than Bootstrap for creating layouts](https://hackernoon.com/how-css-grid-beats-bootstrap-85d5881cf163)

[Tailwind CSS - Rapidly build modern websites without ever leaving your HTML](https://tailwindcss.com/)