Making a hamburger menu | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

Making a hamburger menu

https://code.sololearn.com/W41a13A8a3a2 In the hamburger menu the bars should actually be distributed equally, but it's not happening in the code. I have used - display: flex; flex-direction: column; justify-content: space-between; for doing the job and as long as I know it should work.

16th May 2021, 9:47 AM
Kashyap Kumar
Kashyap Kumar - avatar
6 Answers
16th May 2021, 10:18 AM
Yaroslav Vernigora
Yaroslav Vernigora - avatar
+ 1
Hi! because you only have a stylesheet, and the html section lacks the elements, tags, that should create this menu for you
16th May 2021, 10:02 AM
Yaroslav Vernigora
Yaroslav Vernigora - avatar
+ 1
@Yaroslav Vernigora Can you tell me what tag I have missed in the html. I didn't see anything wrong there.
16th May 2021, 10:08 AM
Kashyap Kumar
Kashyap Kumar - avatar
+ 1
oh yeah, I kind of noticed your menu in the upper-left corner of the screen, but it's so small... barely noticeable... try to increase it in size
16th May 2021, 10:21 AM
Yaroslav Vernigora
Yaroslav Vernigora - avatar
+ 1
Change the pixels of the .menu-icon to “vw” and “vh”. Something like Width: 50vw Height: 50vh. (Im not a pro but I changed that and it was better)
17th May 2021, 11:40 AM
Neo
0
Just change .menu-icon{ height: 30px; } Good luck!!
16th May 2021, 12:31 PM
Eze