Задать вопрос
@Muvka

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

Нужно сделать границу в 1px у рядом стоящих блоков
  • Вопрос задан
  • 221 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Задавайте им по одной границе.
https://jsfiddle.net/kjm80uso/
Ответ написан
@Muvka Автор вопроса
Вот такой способ в голову пришел
flex-shrink: 1
flex-grow: 1
flex-basis: calc((100% + 3px) / 3)
max-width: calc((100% + 3px) / 3)
margin: -1px -1px 0 0
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы