From the course: HTML: Tables

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Challenge: Make tables responsive

Challenge: Make tables responsive - HTML Tutorial

From the course: HTML: Tables

Start my 1-month free trial

Challenge: Make tables responsive

“

(bright music) - [Instructor] For your last challenge in this course, I'd like you to take the table that we've worked with over the last two challenges, and now we're going to take that same table and make it responsive. So you'll start with a CodePen that I have given you that has all of my HTML and CSS as I configured it, if you'd like to start there, or if you want to keep working on the CodePen you've already been working on where you wrote your own HTML and your own CSS, you're welcome to do that, as well. Then using the principles that I presented over the last few videos, along with whatever additional tricks you may have, make that table responsive an appropriate breakpoint. Make sure you incorporate a scroll bar as backup just in case, it never hurts. And let's just take a quick peek at that CodePen, so remember this is that weekly time sheet that we had talked about earlier where we have the fully marked up HTML, the fully styled CSS, but there are no media queries that are…

Contents