@aidarDev

Как сверстать такую таблицу с отступами?

61a0dfad33e5e993699416.png

Надо сверстать таблицу как на макете.
Отступ должен быть только после каждой второй ячейки, получается эффект будто бы это 3 колонки.
Вот мой код - https://codepen.io/chaserof/pen/KKvORPm
Сейчас у меня отступы и у th, и у td, а надо только после td.
  • Вопрос задан
  • 142 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Попробуйте посмотреть внимательно на макет.
Где название и где значение и почему это они в 6 столбцов, парами по 2.
И всё встанет на свои места.

Вижу такие варианты:
1. Вообще не table. А dl, dt, dd.
2. Всё таки table, но в 2 столбца. А потом display grid (или flex)
3. Продолжать городить огород с отступами внутри ячеек или пустыми ячейками.

Для второго варианта:
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы