From the course: Advanced Responsive Layouts with CSS Flexbox

Unlock the full course today

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

Creating a social media menu

Creating a social media menu - CSS Tutorial

From the course: Advanced Responsive Layouts with CSS Flexbox

Start my 1-month free trial

Creating a social media menu

“

- The last individual menu we'll look at is the social media menu. Here we're going to use the exact same technique as in the previous examples. Set the display property of the unordered list to flex and use justify content to position the menu items. So there's nothing new here from a Flexbox perspective. The reason I want to show you the social media menu before we move on to the mixed menus is the technique used to display the social media icons. Because as you can see in the Social Menu all we're seeing is the social media icons for each of the menu items. We're not seeing any text and the social media icons are being generated automatically. If we look at the HTML for this page you'll see that within each list item there is an anchor with an href that points at a social media network using the standard URL. Now we could of course append something to this and it would still work the same way it does now. But for simplicity's sake I've just put in the root URL to each of the…

Contents