Streaming live at 10am (PST)

Making Objects Fill Screen Horizontally


#1

Hi there, i'm working on a section where there are 5 square images, I'd like to find a way for the items to automatically fill the screen horizontally, so that no matter the size of the web browser they resize perfectly to fill the window.

https://webflow.com/design/dv-artz?preview=ff85c89f682607b44d446b632f893bb4

The section I'm referring to is the "FeaturedBoxes".

Thanks!
- Michael.


#2

Also remove this width and height from this thing here.

Also remove width from image itself:

Add the following code to Webflow Custom Code in second field.

$(document).ready(function() {
	$('.featureditem').css('width', $(window).width()/5);
	$(window).resize(function() {
		$('.featureditem').css('width', $(window).width()/5);
	});
});

#4