Hi,
I am updating my site with the newer elements to migrate away from the inline styles. I know I’m a bit late to the party, but better late than never I say.
Anyway all is going well but I have a section on my homepage that is 3 columns with 2 rows of recent post in each. I noticed that the size of the post thumbnails were displaying slightly differently on the desktop size and some were breaking out of the column. Can you give me a suggestion on how I can control the display of the thumbnails so that they appear the same size as each other?
Also how do I set up the columns so they size equally as they go through the screen sizes down to a single column on mobile.
Thanks in advance for your help.
P.S. I’m using flex for the columns
Cheers
David
P.S.P.S OK so I have found a solution to this problem, I turned off flex box on the columns and adjusted the column width for each screen size. This setup played much better with the “classic recent posts” element.
I would be interested in finding a way to make this fully responsive with flex, but I have a solution witch I am going to go with.
Cheers
David
Hello David,
We are just glad that you have figured it out a solution to correct the said issue.
Thanks for letting us know!
Best Regards.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.