Build hamburger menu

[AlexanderK88]

I have successfully developed the hamburger menu in line with the stylistic preferences outlined in our Figma document. Additionally, I want to highlight that the header has now been optimized for a mobile-first approach, in accordance with contemporary design principles. Please refer to the images below:

Do note that when you take the header from the headerAndFooter.html you will need to add this class and add the script src in the head:

Also you will need to insert the href links to the pages when they have been created on line 18, 19, 20, 29, 30 and 31:

[AlexanderK88]

I also added a additional breakpoint that i needed for the hamburger menu to look good in all different screen sizes:

$small: 480px; $medium: 750px; <------ Added this one $large: 998px; $extraLarge: 1200px;

And i also moved the mixins above the imports otherwise they didnt work.

[AlexanderK88]

I added a template folder where I put the header and footer file and the template for the movie cards will also be there. Also made all paths relative so that i can have the headerAndFooter.html file in a subfolder but might have to be changed when its implemented on the different pages.

Like this: