Checkout: client/src/pages/Home/Home.style.scss to get started.
Using Flexbox and the flex-wrap CSS property, make the products appear in rows that responsively wrap when the width of the page changes.
Utilize the gap CSS property to set space between each of the items within the Flexbox.
Acceptance Criteria:
Products now appear in rows and or a grid instead of one verticle column. Products should wrap onto multiple lines when the width of the page is updated.
Kaycaul
commented
1 year ago
Description:
Checkout:
client/src/pages/Home/Home.style.scssto get started.Using Flexbox and the
flex-wrapCSS property, make the products appear in rows that responsively wrap when the width of the page changes.Utilize the gap CSS property to set space between each of the items within the Flexbox.
Acceptance Criteria:
Products now appear in rows and or a grid instead of one verticle column. Products should wrap onto multiple lines when the width of the page is updated.