Александр

Question

CSS

Средний

Скругленные углы в обратную сторону?

1 подписчик
более трёх лет назад
184 просмотра

1

ответ

Answer 1 · 2021-07-10 17:44:23

Для родителя

display: flex; flex-wrap: wrap; justify-content: space-between;

Для айтемов
width: calc(50% - 10px);

В итоге у вас один айтем выйдет 575px, соответственно отступ между ними будет 20px

Либо в процентах указывайте ширину (напр. 49.5%)

Answer 2 · 2021-07-14 20:56:22

Александр @d1xi

.works__item {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 65px;
}

.work-img {
    width: 100%;
}

Ответ написан более трёх лет назад

Комментировать

Александр

Наибольший вклад в теги

CSS

HTML

Изображения

Flexbox

Лучшие ответы пользователя

Как правильно перенести flex-элементы?

Как сделать маску на картинку при наведении, чтобы она закрывала только картинку без маржинов?

Лучшие вопросы пользователя

Скругленные углы в обратную сторону?

Как правильно перенести flex-элементы?

Как сделать маску на картинку при наведении, чтобы она закрывала только картинку без маржинов?

Скругленные углы в обратную сторону?

Войдите на сайт