Columns code picks too large images
-
Hi, first of all thanks for the neat plugin.
But I’m having a problem with it.
My configuration: Twentig > Posts Page & Archives > Blog Layout “Grid Cards” // Blog Columns “3”.
Following the default CSS, the maximum width of the site content will be 1120px (reaching the max-width of 120rem-8 etc)
Under this configuration, when visiting the “archive” page for any category, each column (and each image) will reach a maximum width of 550px when the screen width is 1219px, and twentig’s CSS adapts to 2 columns. But the “img width” stays “800px” thus calling the next bigger size in srcset, which is 1024px ??
Even if I get to a screen width over 1219px, where twentig changes to those 3 columns and each column is below 400px, the “img width” is still 800px, forcing the srcset to call the 1024px version of the image…
How can I fix it so the computed width is the columns’ one, and the correct image version is used?
Thanks in advance ??
EDIT: my mistake. The biggest image size for the images in the cards would be aprox 658px when the screen is at 699px width (Twentig’s one column). But it’s still below 768px, which should be the image’s version used (not >800px)The page I need help with: [log in to see the link]
- The topic ‘Columns code picks too large images’ is closed to new replies.