Brief
In this task we had to create a online menu for a resturant client. We had to find our own images and design by using HTML and CSS.
Challenges
My biggest challenge was to align the items. I first used flex box but then I was introduced to grids and started using that instead. I also tried to filter my items with Javascript but I never achieved this as I am not familiar with Javascript.
Goals
One of my earliest ideas included using Flip Cards on every menu. But I figured it might be frustrating and not productive. The idea was to have the image, name and price on the front and the ingredients on the back. But, as I didn’t know where to put the “Order” button, I decided not to.
My other idea was to use Javascript to filter the menus into different categories, inspired by Dolly Dimples, but even though I copied the code from W3Schools.com, it never worked like I
wanted. The tutors couldn’t help as we weren’t supposed to learn Javascript in this module, so I eventually removed it as well. After much back and forth thinking I eventually settled on my current design seen on my page.