@MelvinAguilar
Posted
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