I have created a grid with three containers, and each of them has an image and headline element. The headline and the images are not aligning horizontally. Can you please tell me how I can achieve proper alignment? Thank you!
I have tried various permutations of both of these options, but I just can’t manage to get all of the images at the same size and their title elements aligned — without pixelating the images. Right now, you can see the website with pixelated images. How I have achieved this is by putting the images at 100% width and choosing a height of 290. Any less height is causing a distorted image. Can you please tell me where I am going wrong?
Yep, so in that case the designer should be able to provide you with:
a. All images of the same aspect ratio eg. a square image.
b. All images at a minimum resolution, i would suggest a minimum of 768px
So if was creating those images, i would start with a square canvas eg. 1200px x 1200px ( or whatever maximum size u may use them for ) which is the same for all images, and make my image fit that space. Then Export the image at the size you need for your webpage
This way you DO NOT mess with the width / height settings on the Image Block and then there won’t be the distortion or pixelation you see.