Responsive design, grid, flex-box, custom variables,

Hey i see few problems.

Only first 2 menu links have hover effect. Hover effect can look better if you lower transition time. Cart when empty change side. I had the same problem and for me the best and easy solution was to make a container with button and sum visibility:hidden; Cart in mobile view has big white space. Plus and minus buttons are too small. You can make them small but it is a good thing to put them in span so area in which you can click is bigger. I didn't test it on smartphone but buttons can be hard to push. Same thing with slider buttons. Button in cart do not always hover when i move cursor. Input number should keep the value visible when submit.

Hey Mariusz, Thanks for checking out my solution! I saw the problem and fixed it. It occurred because I tried out some transition effect for the modal window and forgot to add back visibility:hidden, that why the modal window was partly invisible hiding the navbar. Thanks actually for the hover I did that on purpose, but you are right it might be a bit too slow :D. Yeah, especially with all dynamic data the span is a great element to use.

For the amount input number, I reset the number, because actually when you submit the data for the cart I thought it is a nice effect because the little span above the cart icon shows then the current amount you have already in the cart.

Have great day!