Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Responsive Home Page Products #5

Open
hackthetunnelsbot bot opened this issue Sep 30, 2023 · 2 comments
Open

Responsive Home Page Products #5

hackthetunnelsbot bot opened this issue Sep 30, 2023 · 2 comments
Labels
beginner-friendly css frontend start-here

Comments

@hackthetunnelsbot
Copy link

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.
@hackthetunnelsbot hackthetunnelsbot bot mentioned this issue Sep 30, 2023
Closed
@Maiku3 Maiku3 assigned Maiku3 and unassigned Maiku3 Sep 30, 2023
@Ennics
Copy link

Ennics commented Sep 30, 2023

Working on this now...

Maiku3 added a commit that referenced this issue Sep 30, 2023
@Maiku3
completed Responsive Home Page Products #5
5f16a45
@Maiku3
Copy link
Contributor

Maiku3 commented Sep 30, 2023

!review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
beginner-friendly css frontend start-here
Projects
No open projects
Validation Board
Status: No status
Milestone
No milestone
Development

No branches or pull requests
2 participants
@Ennics @Maiku3