Задать вопрос
@dikucher
javascript

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

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

90a66fa4de8d409a965f1c09fa5bd82c.jpg

пробовал отталкиваться от этого, но зашел в тупик

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>


ul li {
   width: 33%;
   float: left;
   height: 100px;
}

@media (max-width: 1000px) {
ul li {
    width: 50%;
}
}
  • Вопрос задан
  • 306 просмотров
3 комментария
Подписаться 2 Оценить 3 комментария
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Используем отрицательный margin, волшебный :nth-child и магию цифр.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
chlp
@chlp
фулстек
codepen.io/anon/pen/bdwxYm
Ответ написан
Комментировать
Комментировать
@petya_petrelly
На js

Главную роль играют правые отступы в CSS.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Требуется завершить backend (проектная работа)
25 апр. 2024, в 19:42
49000 руб./за проект
Проверить тест по Data Science
25 апр. 2024, в 19:41
2000 руб./за проект
Верстка сайта и натяжка на wordpress
25 апр. 2024, в 19:22
18000 руб./за проект
Ещё заказы