My site is www.DanielDiNicola.com – it’s a lifestyle blog sort of website. I’m a novice in terms of web design, so please excuse my ignorance!
I’m trying to create a uniform experience for all my pages, and that basically includes a banner at the top, and then a few square images (3-6 images) below the banner.
When I create row of images using PageBuilder, it appears as if all my images are fitting in the same row, and it shows what percent they are being scaled at.
The problem I’m noticing is when I’m using mobile, or when I make the browser window smaller on the computer…the images do not seem to scale, but rather they collapse vertically. (?!)
I use the RESPONSIVE theme, and I do want my website to be responsive…BUT I would rather these square images/links be SHRUNK instead of aligned vertically.
I’ve tried changing the image sizes and that doesn’t work…it just creates a big gap between the images.
See examples here:
Thank you for any help you can provide!!