All solutions

This was my first time creating a burger style menu. I am unsure of the method I used for greying out the page when the menu is visible - is there a way to grey out the entire page (i.e if the page is scrolled down) beyond the visible area?

This was my first time working with svg icons and I struggled with changing the icon colours. I ended up using filter in the css but I am not sure whether this is the best workaround?

Any feedback on how I can improve is appreciated. I am particularly keen to know how I could improve accessibility, and whether the way I handled the background images is the best way to do this.