Checkout: client/src/pages/Product/Product.tsx to get started.
Utilize responsive CSS styling so that on mobile devices the right column will appear underneath the left column.
Utilize Media queries, Flexbox, CSS Grid, or any technique of your choosing.
Acceptance Criteria:
On "mobile device" screen resolutions, the page transforms to use a "column" layout instead of a "row" layout as shown in the example screenshot within the description.
Description:
Checkout:
client/src/pages/Product/Product.tsxto get started.Utilize responsive CSS styling so that on mobile devices the right column will appear underneath the left column.
Utilize Media queries, Flexbox, CSS Grid, or any technique of your choosing.
Acceptance Criteria:
On "mobile device" screen resolutions, the page transforms to use a "column" layout instead of a "row" layout as shown in the example screenshot within the description.