Frontend: Shopping Cart and Order Page Responsive Design

[semih1239]

Description

This PR is updating shopping product component, shopping cart page and order page for responsive design.

Fixes #24 #101 #93

How to test?

npm run dev => /cart and /order/1

Checklist

• [X] I have performed a self-review of my own code
• [X] I have followed the name conventions for CSS Classnames and filenames, Components names and filenames, Style filenames, if you are in doubt check the the project README.MD and here https://github.com/HackYourFuture-CPH/curriculum/blob/master/review/review-checklist.md
• [X] I have commented my code, particularly in hard-to-understand areas, if you code was simple enough mark the box anyway
• [X] I have made corresponding changes to the documentation, if you code was simple enough mark the box anyway
• [X] This PR is ready to be merged and not breaking any other functionality

[semih1239]

Semih , in order page, in big size, css has changed like first screenshot and in mobile size like second one.

Hi Zahra. I am not getting my page like this. Are you sure your branch is up to date. Because some classnames changed in different PR. Can you make up to date and check again?