O'Reilly logo

Responsive Web Design Patterns by Chelsea Myers

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsive table patterns

A decade ago, tables ruled web design by being the most common way to lay out a website. Tables were powerful and the backbone of many websites. Today, creating a website's layout by using a table is absolutely not acceptable. It is considered downright shameful. Tables are for tabular data, not for web layouts. And now that the reign of tables is over, let's look into how to use them properly, with a responsive twist.

Fading tables

The biggest issue tables pose is their uncertain width. Long tables with lots of rows are no problem. Our web page can be as long as a table needs. However, a table that is very wide, with lots of columns, starts to break our beautiful responsive websites. As our website scales down, we will ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required