intro icon indicating copy to clipboard operation
intro copied to clipboard
verified publisher icon open-sauced

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

Open Codexnever opened this issue 1 year ago • 0 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.

Codexnever avatar Oct 01 '24 15:10 Codexnever