I’m having a really hard time trying to properly align a column element with 4 images and some text underneath.
All of the images in their raw format are the same size.
I’ve added a 4 column element to my page and selected the Grid layout for the Child layout.
As soon as I enter any text underneath the images it immediately resizes the images.
I can’t seem to get them all of the same size, although the text is slightly different lengths they are all fairly similar.
I’ve attached a screenshot that demonstrates the problem I’m having.
The outcome I’m looking for is 4 boxes of the same size which then move into a grid layout on smaller screens.
Any help to get these lined up would be greatly appreciated!