Как сделать адаптивной такую чудную сетку? Или как убрать BORDER у крайних блоков?

Друзья! Есть ли шанс ВООБЩЕ сделать адаптивной такую структуру? Что бы BORDER крайних блоков отсутствовал.
Я пока на фиксированом по ширине варианте завис, с css свойством :nth-child(1) 2 3 4 и тд и тп. Но если ширину родителя убрать и начать уменьшать, все рушится, адаптация есть, но с бордерами беда, не знаю как убрать их у крйних блоков, как быть? :( ПАМАГИТИИИ!!

Вот эта сетка которую хочу сверстать адаптивной:
5a835a6c1abb5236199004.jpeg

Вот пример наверстал на codepin
https://codepen.io/Cheizer/pen/EQvXer

Подскажите куда копать пожалуйста, может как то calc свойством css или еще как? Как убрать BORDER у крайних блоков?
  • Вопрос задан
  • 106 просмотров
Решения вопроса 1
alsolovyev
@alsolovyev
Оберните свою таблицу в div, который будет overflow:hidden
Таблице задайте width, height 100% + border-width и translate X и Y на -ширинабордера
https://jsfiddle.net/5ynfpn3n/

но через table это делается проще

ps поправил первый пост
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.