CSS Grid Navigation Tutorial [English & Spanish Captions]

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

This video provides a step-by-step tutorial on how to create a navigation bar with the CSS grid.

Helpful Links
Code: https://codepen.io/Stefany93/pen/jKEvbO
Grid auto-fit: https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/
CSS Grid: https://developer.mozilla.org/en-US/docs/Web/CSS/grid

Link to video transcript: https://bit.ly/3nWRNfg

Questions? Comments? Concerns? Drop a comment down below!

Interested in learning about Accessibility? Check out my top rated Udemy courses for more details!
Web Content Accessibility Guidelines: https://bit.ly/3kH6qlK
Creating Accessible Websites: https://bit.ly/35OFkTx

Feeling social? So am I. Connect with me and other accessibility enthusiasts on Facebook: https://www.facebook.com/groups/webaccessibilityeducation

Have some spare change? Buy me a coffee: https://ko-fi.com/stef

Thank you for your continued support in liking, sharing, and watching my videos. Interested in working together? Check out my portfolio at http://www.stefanywebdesign.info/portfolio/!

- Stefany

Video Chapters:
0:00 Introduction
2:03 ul element as a grid
3:39 Column issues
4:52 Fixing the columns
8:36 Cleaning up the layout
11:52 Focus, hover, and active

Видео CSS Grid Navigation Tutorial [English & Spanish Captions] канала Web Accessibility Education