How to build responsive web site navigation with no Javascript

In this video, I'll teach you to build fancy collapsible navigation without using any Javascript. Just HTML and CSS!

If you want to work along, start from this: https://codepen.io/raddevon/pen/xxRVmOQ

Open that Pen and click the "Fork" button in the bottom-right so you can get your own copy to work with.

Here's the CSS framework I used: https://milligram.io/

I talk about the "+" selector and refer to it in the video as the "sibling selector." More accurately, it's the adjacent sibling selector. It only selects the UL if it is a sibling of the checked checkbox and also if the two are adjacent (meaning no elements between).

Hope you enjoy this tutorial! Post in the comments if you have any questions.

Видео How to build responsive web site navigation with no Javascript канала Rad Devon