Задать вопрос
massef
@massef
css

Адаптив. Как сверстать такие блоки?

Здравствуйте.

89137e5773cd45b986a9e937c4d79351.png
Меня интересуют последние две карточки в адаптивном примере, как будет правильней сменить им ширину?
Пока вижу варианты:
1. Задать двум последним карточкам заранее подготовленные классы и эти классы прописать в нужном media queries.
2. :nth-child

Какие есть еще варианты?
  • Вопрос задан
  • 460 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
teotlu
@teotlu
Навёрстываю упущенное
А зачем вам ещё варианты? :nth-child и :nth-last-child прекрасно справятся с задачей.
Думаю, что ещё с помощью flexbox можно замутить, но :nth-child покроссбраузернее будет, мягко говоря.
Действительно, можно (пример в разделе A Quickie Example).
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Извлечение метрик и профилирование серверных ресурсов, Yandex Cloud
19 апр. 2024, в 18:38
1500 руб./в час
Верстка сайта -4-5 страниц
19 апр. 2024, в 18:36
1500 руб./за проект
MiniApp для телеграмм на React
19 апр. 2024, в 18:36
30000 руб./за проект
Ещё заказы