How to code a slide out navigation | Part 1: The HTML & CSS

From the creator

In this video, I start working on the navigation menu for my Portfolio website that I've built using CSS Grid. I write all the HTML and CSS to get the menu in place, and in the next video I'll be using JavaScript, as well as a few new lines of CSS, to get it to slide in and out when it's clicked on. I style the navigation using Flexbox because it's a 1-dimensional layout (only a column), so there is no need to use the Grid for this. I still manage to flub my way through parts of it though, but in the end it all works out! --- New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass --- Support me on Patreon: https://www.patreon.com/kevinpowell I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell

Published 2017-11-01 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.