//index.html
<div class= "works-gallery">
        <div class="item1"><img src="img/works/nature.jpg" alt=""></div>
        <div class="item2"><img src="img/works/urban.jpg" alt=""></div>
        <div class="item3"><img src="img/works/people.jpg" alt=""></div>
        <div class="item4"><img src="img/works/wedding.jpg" alt=""></div>
        <div class="item5"><img src="img/works/architecture.jpg" alt=""></div>
        <div class="item6"><img src="img/works/animals.jpg" alt=""></div>
</div>


//css
	.works-gallery
		display: flex
		width: 100%
		flex-wrap: wrap
		.item1
			width: 60% // próbowałem ustawiać coś z width, ale ten jeden dłuższy obrazek spycha resztę na dół i pod pierwszym pojawia się to białe pole :/
		.item2
			width: 30%
		.item3
			width: 30%
		.item4
			width: 30%