From the course: HTML: Tables
Join today to access over 24,800 courses taught by industry experts.
Challenge: Make tables responsive - HTML Tutorial
From the course: HTML: Tables
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.