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.
Description:
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.