three column card challenge

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 12 months ago

  Hello!

  The issue with your layout is related to the use of align-self: center; in .third-card, .sec-card, and .first-card. This property attempts to vertically center these elements individually. However, since the middle card has more text content, it becomes taller and distorts the alignment.

  Remove align-self: center; in this context

  It's crucial to test your solution across different browsers, as the issue might not be apparent in one browser but could manifest in others. For instance, using DevTools in Firefox to simulate a 1440px screen width would reveal the same alignment distortion.

  Happy coding!

  Marked as helpful

  0