Layouts

Print Layouts

Newspaper Layouts

Magazine Layouts

Web Layouts

In the early days of web design most web sites didn't have any structure. With time designers started using tables to create columns on their web pages. Alhtough this worked, web site maintenance was difficult and this practice considered incorrect. Tables are designed to display data, not create layouts.

Next we started using floated divs for layouts. Divs in conjunction with the CSS float property allowed for a more correct implementation of layouts, but it was, again, difficult to maintain. and the float property is problematic to this day.

Over the years, new technologies developed to address the need for layout creation. The first of these technologies is Flexbox. Flebox along with Grid are the future of web design layouts.

Table Layout

Table Code

Floated Div Layout

Floated Div Code

Flexbox Layout