I have a simple collection of data and images listed underneath each other.
My problem is that some (not all) of the images are scaling bigger than the uploaded image (ex Blooms hotel)… and they all have the same class, which is very mysterious to me?
The reason your images are scaling to different sizes is because you haven’t set a width / height on the image class, if you want the images to be uniform without image distortion, I’d personally recommend adding a div with a percentage width and height of the parent and pull the images in as a dynamic background image set to cover.
P.s I recommend percentage widths as it makes it easer when it comes to responsive, but if you want a specific width and height use px
Thank you for your reply.
But I dont want a specific height/width, I just want to keep the images to maximum keep the sizes their are beeing uploaded in… which is happening for some, while some are scaled to max width of the container…
It should not be nessacery to give them a specific size