The ‘HTML table layout’ debate ended years ago, but sometimes I feel like tables never fully recovered. People seem to feel slightly uneasy or guilty using them – even when it’s for entirely the right reasons.

Here’s a look at bringing tables right into the responsive design era, by showing you how to make them smart and responsive using Foundation.

Enjoy!

For more great content like this, visit the Hub, run by our friends at Learnable!

Tags: Foundation, Frameworks, learnable, responsive web design
Brett Romero is a software developer versed in .NET, PHP, Python, and iOS to name a few. He builds desktop, web and mobile applications. As well, he knows Illustrator and Photoshop backwards and forward. His design skills aren't too shabby either. Brett also founded Bitesize Business School, which helps entrepreneurs develop needed technical skills for running an online business while also teaching them invaluable business skills. His undergraduate major was mathematics but he finished with a degree in business administration then went on to study mathematics at the University of Washington. He also has an MBA from Arizona State University.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.


  • Alan Carpenter

    Uh…so what does text about responsive sliders have to do at all with Foundation or even tables? I think someone here may have messed up.

  • mary

    The accompanying article content talks about slides instead of tables.

  • adam__roberts

    Indeed they did! Sorry about that, I’ve updated the post and the text and video now relate to each other.

    If you’re interested in the responsive slideshow video instead, here’s a link to the Learnable post about the video: https://learnable.com/hub/play/64

  • adam__roberts

    Sorry about that, bit of a mix up there. I’ve updated the post and the text and video now relate to each other.

    (If you’re interested in the responsive slideshow tutorial instead, here’s a link to the Learnable post about the video: https://learnable.com/hub/play/64)

  • http://www.globalwebforce.com/ Hitesh Parekh

    The foundation is great it is very easy to use, you don’t
    need to follow a certain HTML structure just to make them work compare to
    bootstrap. Tables are not recommended most of the time when building a responsive website. But you have a point, the foundation is great and it’s very easy to use. You don’t need to follow a certain HTML
    structure just to make them work compare to Bootstrap.

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.