I have used CSS Grid on the page ‘Ísland Lodge’. In the designer it looks exactly how I want it to, but once published to the webflow sub-domain or in preview the image to the left is too small. Can anyone advise me how to rectify this please? Is CSS Grid the right solution for what I am trying to achieve or is there a better way? Many thanks guys.
Hi @AnnaKelian, I am so sorry to bother you. If you have time would you mind taking a look at the Pond Lodge Grid as this has a similar issue with the 4 small images. I managed to solve the two closest to the large image by setting width and height to 100%, when I do this with the two images on the right they collapse. I can’t see that I have done anything different to Island lodge. If you don’t have time please do say I can just create a new topic. Thank you in advance
100% height doesn’t work the same way as the width for images. Instead, to make the images stretch and fill the cell, select the grid and set the vertical alignment of the children to stretch again.