@223606322
начинающий web-разработчик

Как без дублирования кода можно реализовать такие табы превращающиеся в аккордеон?

Как должно быть
61dc5ae348b77693780223.png

Основная проблема в том, что вкладки динамические и их количество может меняться.
Пробовал сделать на гридах, но столкнулся с проблемой, что контент не растягивается на всю ширину на десктопе(скрин)
61dc5ad4f03ef146911252.png

Вот код того как я пытался сделать
https://jsfiddle.net/sptuy45m/1/
  • Вопрос задан
  • 222 просмотра
Решения вопроса 2
profesor08
@profesor08 Куратор тега CSS
Кнопки отдельно, блоки контента отдельно, все в одном контейнере. Используя order, можешь скомпоновать кнопки в группу, как на первой картинке.
Ответ написан
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Для другого вопроса было, суть одна. Просто grid.
https://jsfiddle.net/Ankhena/ndu0k365/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

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