课程: HTML: Tables

今天就学习课程吧！

今天就开通帐号，24,700 门业界名师课程任您挑！

Challenge: Make tables responsive

Challenge: Make tables responsive - HTML教程

课程: 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…

内容