课程: HTML and CSS: Creating Navigation Bars

今天就学习课程吧！

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

Styling the nav bar and hamburger button with media queries

Styling the nav bar and hamburger button with media queries

课程: HTML and CSS: Creating Navigation Bars

开始一个月试用 购买团队方案

Styling the nav bar and hamburger button with media queries

“

- [Instructor] We have our hamburger button and it works and the close button works. Everything is totally awesome in that regard. The styling is terrible. What happened to our desktop navigation bar? We'd really like to have that back at desktop dimensions. And clearly our navigation here at mobile dimensions is not exactly what we want. That's kind of our desktop nav bar there. We'd probably like these going vertically down the page rather than going across the page. So let's start to fix these particular issues. I'm going to start with the problem here with this going horizontally on the page. And if we take a look at our CSS right now, you'll see here at nav ul remember we set a display flex by default that makes it just go horizontal, and we said, justify-content center. So it's doing everything we told it to do, awesome. So now what we need to do is change this a little bit to make it work at mobile dimensions and to do that, let's add a flex flow of column wrap and that should…

内容