What am I missing?/What did I do wrong?

Question

Can someone please tell me why my code isn’t working?

https://code.sololearn.com/Wo3wP0VnlGy4/?ref=app

I’m trying to do a hamburger menu.

Answer 1

1) In your css selectors, you have period (dot) before 'div' tag name (and 'body' too, but there's no property definitions inside), so the rules apply to nothing because '.div' target elements with 'div' class name, while you need to target the 'div' element (removing the period fix that)

2) To be able to size a block element (<div>), you must change its default behavior (max width available, auto height based on content): adding 'position:relative;' to your 'div' rules (without the dot) fix it!

Answer 2

Maybe this can help you: https://www.w3schools.com/howto/howto_js_mobile_navbar.asp

Answer 3

Hey!
You add " . " after "menu" in your css

-----------------------

https://code.sololearn.com/WB3jrxIe4xKq/?ref=app