[Resolved] How have 2 images with the same height on a grid column

Home Forums Support How have 2 images with the same height on a grid column

  • This topic has 3 replies, 2 voices, and was last updated 1 month ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1417219
    Marcel

    Hello,
    I uploaded two images in a grid with 2 columns (50% – 50%):
    – Image 1 is 306×447 px, and
    – image 2 is 378×447 px, so they are the same height.
    How can I set them up so they have exactly the same height in the container, even if the width is different?
    08.25.2020-13.34.28
    Thank you!
    Marcel

    #1417331
    David
    Staff
    Customer Support

    Hi there,

    Options ( not the best in my opinion ):

    1. Set the Image as a Background Image to the Grid column. Add some top and bottom padding or min-height to set the container. Some of the image will get cropped….

    2. mess around with the column widths, the wider image will need a wider column for it to fill the space. Will be bad responsively.

    OR

    The best fix is to crop your images so they have the same aspect ratio 🙂

    #1418565
    Marcel

    Hello, David!
    I choose to crop my images so they have the same aspect ratio. This is the best option, indeed!
    Thank you for your advice.
    Marcel

    #1418608
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.