From the course: CSS: Combining Grid and Flexbox

Unlock the full course today

Join today to access over 23,300 courses taught by industry experts.

Create a horizontal menu for desktops

Create a horizontal menu for desktops - CSS Tutorial

From the course: CSS: Combining Grid and Flexbox

Start my 1-month free trial Buy for my team

Create a horizontal menu for desktops

“

- [Instructor] At larger screen sizes, we want our menu items to display at all times. We are showing more elements at this point, so we will need to modify our code to ensure the best design and user experience. As usual, I will provide you with some starting code, but as you can see, we have quite a few issues. Our menu items need to be horizontally aligned instead of vertically stacked. And we need to create some space between the nav items and the logo. Let's reign in these nav items and make them more functional. There's no change change in our HTML, so we don't need to make any edits there. In the CSS, however, we are going to be working within our media query. It is worth noting that I am making some sub-categories up here in the table of contents. And once this page gets a little long, you may want to use the find feature inside your editor to quickly navigate to that section. So I've labeled this 10a-ii. If…

Contents