Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Qurel
@Qurel
CSS
Как сверстать такой блок в mobile first?
Как сверстать блок, чтобы элементы перестраивались в десктопной версии? Интересует не навигация, а блок для фотографии, имя, текст и картинка с цитатой
Мобильная версия:
Десктопная версия:
Вопрос задан
более трёх лет назад
97 просмотров
4
комментария
Подписаться
1
Простой
4
комментария
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега CSS
Можно гридами.
Можно абсолютами.
Можно даже флоатом.
А как вы пробовали и что не получилось?
Написано
более трёх лет назад
Ярослав Иванов
@space2pacman
Куратор тега CSS
Mobile first в 2к20?
Написано
более трёх лет назад
Qurel
@Qurel
Автор вопроса
Ankhena
, я пробовала флексами и меняла order
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
Qurel
, флексы не очень удобны для такой раскладки. Тем более, что порядок элементов не меняется, ордер вообще не нужен.
Написано
более трёх лет назад
Решения вопроса
1
Юрий
@cheeroque
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Почему не срабатывает удаление класса?
1 подписчик
23 часа назад
111 просмотров
2
ответа
HTML
+1 ещё
Простой
Как сделать нестандартную рамку?
1 подписчик
вчера
113 просмотров
1
ответ
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
13 мая
638 просмотров
1
ответ
HTML
+1 ещё
Простой
Код не работает, как так?
3 подписчика
08 мая
1913 просмотров
2
ответа
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
07 мая
179 просмотров
1
ответ
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
06 мая
413 просмотров
2
ответа
HTML
+1 ещё
Простой
Различие скелета в пк версии и телефонной, как лучше всего делать такие вещи?
1 подписчик
02 мая
176 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Проблема с WordPress как исправить ошибку?
2 подписчика
01 мая
1353 просмотра
0
ответов
HTML
+1 ещё
Простой
Как зафиксировать кнопки в html?
1 подписчик
30 апр.
156 просмотров
1
ответ
CSS
Простой
Как сделать анимацию разворачивающегося сразу в две стороны свитка с информацией?
2 подписчика
30 апр.
550 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Frontend разработчик
AMarkets
•
Москва
от 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама