
…On this project alone we used three different responsive table patterns. For fares tables we used a stacked table pattern. This converts table rows into label:content pairs. We broke fare content down by fare class (Adult, Senior, Student, etc.), which allowed us to keep c…
…o allow the header text to wrap over multiple lines to accommodate some really long bus stop names. Such a solution also allowed us to maximize the amount of horizontal space for displaying the schedule data. This meant that we needed to determine the height of each header cell and make sure that height was…
Given our complex content, we needed to extend this pattern to allow the header text to wrap over multiple lines to accommodate some really long bus stop names. Such a solution also allowed us to maximize the amo…