InternotesSharing Web Development Techniques

Blossoms

Responsive Tables

Two of the most difficult things to get right in a responsive design are images and tables. By their very nature, the tend to occupy a certain amount of space, and it is often difficult to work out what to do if the screen is to small to accommodate the whole figure.

Another article deals with the <picture> element, which is a new way of handling images responsively. This article will look at how we might be able to accommodate a table

How to brew Tea
TeaTempTimeNotes
Green80°-85°2-3 minUnoxidised
Oolong85°-95°3-7 minSlightly Oxidised
Black96°-100°3-5 minOxidised
“Normal Tea”
Tisanes96°-100°5-8 minNot real tea