Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Images are not loaded when using a CSS grid layout

See original GitHub issue

The images at the top of e.g. the third column only appear when the visitor scrolls a little way down the page: presumably, to where the image would be if CSS column-count were not active.

Issue Analytics

State:
Created 9 years ago
Comments:9 (4 by maintainers)

Top GitHub Comments

2reactions

mciszczoncommented, Jun 21, 2015

I have set the dimensions to percentages (width: 100%; height: auto;) and it works, aaaand is responsive (or call it flexible). It’s not said anywhere that these should be exact values.

I had the same problem with my site. I’ve got a nice grid layout with photos, created using Salvattore plugin. But Lazy Load only loaded images in the first column, the rest only appeared after scrolling a little bit down.

Adding failure_limit : 10 solved the problem for me.

0reactions

rastapopougroscommented, Jul 13, 2016

Had the same issue (lists of blocks with images, made with CSS “column”), and failure_limit option also solved it for me. I now really understand the purpose of this option and how it works, thanks ! 😃

Top Results From Across the Web

Image not covering right space using CSS grid - Stack Overflow

I´m trying to fit an image into a grid , but I don't want to set a specific pixel value, as it should...

Images in grid areas - HTML & CSS - SitePoint Forums

having trouble with placing an image in content1. i tried everything i thought of. i would like the image to NOT get smaller...

How to Create an Image Grid Gallery - HTML, CSS ... - YouTube

View the Code & CodePen:https://dcode.domenade.com/tutorials/create-an- image - grid -gallery- with -html-and-cssIn this video we'll be using CSS3 ...

Auto-placement in grid layout - CSS: Cascading Style Sheets

I have set landscape images – with a class of landscape to span two column tracks. I then use grid-auto-flow: dense to create...

How To Create an Image Grid - W3Schools

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP,...