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
Tea Temp Time Notes
Green 80°-85° 2-3 min Unoxidised
Oolong 85°-95° 3-7 min Slightly Oxidised
Black 96°-100° 3-5 min Oxidised
“Normal Tea”
Tisanes 96°-100° 5-8 min Not real tea