Как изменить расстояние
Доброй ночи, как изменить расстояние между этими блоками?
.second_list{
width:100%;
display: flex;
position: absolute;
top: 1200px;
right: 20px;
justify-content: space-evenly;
}
.list2 li{
list-style-type: none;
padding-top: 40px;
}
.first_rectangle, .second_rectangle, .third_rectangle, .fourth_rectangle{
display: inline-block;
width: 250px;
height: 251px;
background-color: white;
border-radius: 20px;
box-shadow: 0 0 10px 0 rgb(97, 97, 97);
text-align: center;
padding-top: 40px;
}
.flour_text, .sugar_text, .oil_text, .soon_text{
color: black;
font-size: 18px;
font-weight: 400;
line-height: 25.20px;
word-wrap: break-word
}
.block_flour, .block_sugar, .block_oil, .block_soon{
position: relative;
top: 50px;
}
<div class="second_list">
<ul class="list2">
<li class="first_rectangle"><div class="block_flour"><img src="./v39_752.png" class="flour"><br><br><br><br><br><span class="flour_text">Mąka</span></div></li>
<li class="second_rectangle"><div class="block_oil"><img src="./v39_756.png" class="oil"><br><br><br><br><br><span class="oil_text">Oley</span></div></li>
<li class="third_rectangle"><div class="block_sugar"><img src="./v39_760.png" class="sugar"><br><br><br><br><br><span class="sugar_text">Cukier</span></div></li>
<li class="fourth_rectangle"><div class="block_soon"><img src="./v39_764.png" class="soon"><br><br><br><br><br><span class="soon_text">Wkrótce w sprzedaży</span></div></li>
</ul>
</div>
Ответы (1 шт):
Автор решения: stth12
→ Ссылка
Можешь использовать gap: …px;
Или же ты можешь использовать margin-top: …px; чтобы сделать отступ от верхнего бока на определенное количество пикселей.