open-sauced/intro

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

Closed this issue · 2 comments

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.

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

.take