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

Home - fixing responsivesness for cards #288

Closed
1 task
Caposto opened this issue Jan 27, 2025 · 2 comments · Fixed by #292
Closed
1 task

Home - fixing responsivesness for cards #288

Caposto opened this issue Jan 27, 2025 · 2 comments · Fixed by #292
Assignees
@aemerson1
Labels
bug Something isn't working Responsiveness

Comments

@Caposto
Copy link
Contributor

Caposto commented Jan 27, 2025 •
edited
Loading

Description

The cards for the "Our Projects" and "Get Involved" need updates to their responsiveness.

  • On medium screen sizes and above they should always be 3 in a row
  • On small screen sizes they can be stacked on top of each other
  • For contact us inceasing the right padding next to the buttons and flexbox on samller screens

Image

Image

On these page sizes the cards should shrink in width and be all on one horizontal row.

Definiton of Done

  • Adjust card responsiveness
@Caposto Caposto converted this from a draft issue Jan 27, 2025
@Caposto Caposto added bug Something isn't working Responsiveness labels Jan 27, 2025
@Caposto Caposto changed the title Home - fixing responsivesness for project cards Home - fixing responsivesness for cards Jan 27, 2025
@aemerson1 aemerson1 self-assigned this Jan 29, 2025
@aemerson1 aemerson1 moved this from Ready to In progress in Blueprint Website - Fall 2024 Jan 29, 2025
@aemerson1
Copy link
Contributor

Image

@Caposto
Copy link
Contributor Author

Caposto commented Jan 29, 2025

For the cards on narrow screen sizes can you also increase the width so that it takes up more of the page kinda like this:

Image

@aemerson1 aemerson1 mentioned this issue Jan 29, 2025
Merged
@aemerson1 aemerson1 linked a pull request Jan 29, 2025 that will close this issue
Fix/card responsiveness #292
Merged
@aemerson1 aemerson1 moved this from In progress to In review in Blueprint Website - Fall 2024 Feb 1, 2025
@github-project-automation github-project-automation bot moved this from In review to Done in Blueprint Website - Fall 2024 Feb 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@aemerson1 aemerson1

Labels
bug Something isn't working Responsiveness
Projects
Blueprint Website - Fall 2024
Status: Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix/card responsiveness stevensblueprint/blueprint_website
2 participants
@Caposto @aemerson1