How do you put Cards in a row with equal height?

Ask the community
7

Hi Pavel, I finally got it to work! Thank you for the tips! I will be putting the information below for others.

Screenshot 2022-06-14 at 2.43.27 PM
Screenshot 2022-06-14 at 2.43.27 PM2798×1450 230 KB

Steps:

  1. Create card component that consists of 3 vertical frames - Image, Content, Button
    1a. Image - Hug, Hug
    1b. Content - Fill, Hug
    1c. Button - Fixed, Fixed. Absolute Positioning, Constraint Positioning Left & Bottom
  2. Group Image and Content into an Autolayout with Hug width and Hug height
  3. Put the cards into an Autolayout container. Change the card component within the container to be Fill instead of Hug.
  4. Try typing to see the effect.
1 Like