@WarriorKodeK

Как правильно сверстать такие блоки?

Всем привет. Надо сверстать данный блок
5c07c837f351c516856438.png

Он также может быть и таким
(Размер серого блока равно 2 ячейкам)
1
5c07c9f6ab5f5562643870.png


Или таким
(Размер серого блока по средине равно 1 ячейке, а в конце равно двум)
2
5c07ca01e57e8785734734.png


То есть проблема у меня именно вот с теми серыми блоками, что разделяют.
5c07cbc13c969476246876.png

Серые блоки могут быть где угодно, необязательно посередине

Вот я накидал примерчик -https://codesandbox.io/s/53q629l2pp ( возможно я неправильно выбрал структуру блоков )

P.S Для данных я просто создал мок массив

Помогите пожалуйста)
  • Вопрос задан
  • 136 просмотров
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Почему не использовать таблицы? colspan для td позволяет объединять ячейки, а rowspan - строки. т.е. вместо двух колонок, для отображения одной большой (на две колонки), пишите
<td colspan="2">Я широкая колонка!</td>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
07 авг. 2020, в 19:51
2000 руб./за проект
07 авг. 2020, в 19:24
4000 руб./за проект