Не отображаются картинки, когда прописываешь их через style="..."
Только если напишешь в recipes-item какой-либо текст, то картинка становиться видна.
Вот код:
<div class="recipes-container">
<div class="recipes-item" style="background-image: url(img/recipes-img1.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img2.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img3.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img4.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img5.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img6.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img7.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img8.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img9.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img10.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img11.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img12.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img13.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img14.jpg)"></div>
<div class="recipes-item" style="background-image: url(img/recipes-img15.jpg)"></div>
</div>
