Bug: Misaligned Buttons in Course Cards on the Homepage Due to Varying Content Length
Closed this issue · 2 comments
Codexnever commented
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.
Steps to reproduce
- Navigate to the page that displays both the "Intro to Open Source Course" and "Becoming a Maintainer Course" cards.
- Observe that the "Becoming a Maintainer" card has less content compared to the "Intro to Open Source Course" card.
- 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."
- The misalignment becomes more evident on varying screen sizes.
adiati98 commented
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 commented
.take