Please create menu for my code

Question

https://sololearn.com/compiler-playground/Wj3m3Z3k2251/?ref=app

Answer 1

I would suggest a z-index for your menu icon so it doesn't get hidden.

.menu-icon, .edit-icon {
font-size: 1.5em;
cursor: pointer;
z-index: 10;
}

or maybe also toggle the menu to retract when any of the menu items are clicked.

an auto scroll up when more questions and answers are added would also be nice.

an option to put the input box on top or bottom would be user-friendly, too. I personally find it easier to glance down rather than look up for the result.

But overall, it is a nice simple interface.

Answer 2

You've done a great job so far! Here's some help for you:

https://sololearn.com/compiler-playground/WA20A234a4A6/?ref=app
https://sololearn.com/compiler-playground/WZ8lkR6gTex6/?ref=app
https://sololearn.com/compiler-playground/WtisBjiUHEGl/?ref=app
https://sololearn.com/compiler-playground/Wca6Y9FhddOO/?ref=app
https://sololearn.com/compiler-playground/W4LRHM8z7p0U/?ref=app
https://sololearn.com/compiler-playground/W0uW3Wks8UBk/?ref=app
https://sololearn.com/compiler-playground/WgVziEkjzTWr/?ref=app