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.

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

Bug: Misaligned Buttons in Course Cards on the Homepage Due to Varying Content Length #243

Closed
Codexnever opened this issue Oct 1, 2024 · 2 comments · Fixed by #249
Closed
Assignees
Labels
🐛 bug Something isn't working

Comments

@Codexnever
Copy link
Contributor

Describe the bug

The buttons "Start the Intro to Open Source Course" and "Start the Becoming a Maintainer Course" are misaligned in the card components. The button in the "Becoming a Maintainer" card appears higher than the button in the "Intro to Open Source Course" card due to differences in the content length of the two cards. This creates an inconsistent user experience and disrupts the visual layout of the page.
Before

Steps to reproduce

  1. Navigate to the page that displays both the "Intro to Open Source Course" and "Becoming a Maintainer Course" cards.
  2. Observe that the "Becoming a Maintainer" card has less content compared to the "Intro to Open Source Course" card.
  3. Notice that the button for "Start the Becoming a Maintainer Course" is positioned higher than the button for "Start the Intro to Open Source Course."
  4. The misalignment becomes more evident on varying screen sizes.
@adiati98
Copy link
Member

Hey @Codexnever,
I've removed the needs-triage label. You can assign yourself to this issue if you'd like to work on it. 👍🏼

@Codexnever
Copy link
Contributor Author

.take

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants