You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The problem (i see) its because the margin top has a fixed value in the footer as follows:
In the other hand, the article is displaying as block wich means its container size (itself) is adjusted to fit with his siblings, but the content keeps their heights:
Middle card has the major height (the red block), meanwhile the other two (green blocks) has less but display grid adjust them to fit with one height
Additionally the article needs to be displayed as flex to take the "margin-top: auto" property correctly:
Please search for duplicate or closed issues first.
Describe the issue
When having multiple cards in a grid, the footer is not aligned at the bottom, but at the end of the card content.
Current Behavior
see description
Expected Behavior
The footers should be at the bottom of the cards.
Reproduction URL
Code Pen: pico-issue-442
Environment
Example: Windows 10, picocss 2.0.0-rc4, chrome 121
The text was updated successfully, but these errors were encountered: