I’ve created some basic design and once I preview that on WebFlow it shows it as it should. However, after uploading to my web server or opening the index.html file locally one part is missing. (main section with some images)
I’m not sure what’s causing this cause I’ve checked the code and it looks fine.
Note that here it shows as it should be. Upper images of Brands and smartphone models underneath. Once published via WebFlow or uploaded to web server it does not show. (Samsung, HTC and other images)
To display, a DIV needs to get dimensions from HTML. But placing only a background in a div doesn’t count for dimension. So your divs are there, just 0px height.
Either put images in them or give them minimum dimensions, or they’ll never show up. Webflow shows the divs because it’s a helper in the designer, unless we woldn’t be able to select them. When a div in webflow has still the big gray outline, it’s because it doesn’t get any dimension yet so you need to either set dimensions or put content in it.
Well, that divs with brands has no size, so browser has no information how to show them. you will have to add width and height to them and everything will work.