Задать вопрос
Cheizer
@Cheizer
html

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

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

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

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Мобильное приложение на Flutter
24 апр. 2024, в 14:37
400000 руб./за проект
Доработка проекта на Laravel + JS
24 апр. 2024, в 14:35
1300 руб./в час
Консультация по улучшению качества рендера
24 апр. 2024, в 14:24
5000 руб./за проект
Ещё заказы