Good morning / night folks.
I'm starting now in HTML and CSS, I'm having a hard time positioning my menus.
I tried in many ways but I still couldn't do it the right way. I believe I have made several gambiarras, to reach this result. But the menu on the right cannot be aligned with the one on the left. I believe that I lack a little experience in positioning components. I have studied enough, but found no way out. I intend to make two sidebars being triggered and retracted by the "3bar" buttons on one side and the other.
The second photo follows as the goal you would like to achieve.
jsfiddle.net
I would appreciate it very much for your help.


I'm starting now in HTML and CSS, I'm having a hard time positioning my menus.
I tried in many ways but I still couldn't do it the right way. I believe I have made several gambiarras, to reach this result. But the menu on the right cannot be aligned with the one on the left. I believe that I lack a little experience in positioning components. I have studied enough, but found no way out. I intend to make two sidebars being triggered and retracted by the "3bar" buttons on one side and the other.
The second photo follows as the goal you would like to achieve.
Edit fiddle - JSFiddle - Code Playground
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

I would appreciate it very much for your help.

