Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
artem210908
@artem210908
Вёрстка
Как сделать такую же шапку на сайте, как в примере?
Я хочу сделать таку же шапку но не знаю как выстраить их также как на примере
Вопрос задан
более двух лет назад
133 просмотра
2
комментария
Подписаться
1
Простой
2
комментария
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега Вёрстка
Гуглить про флексы и гриды.
Игра для освоения флексов:
https://flexboxfroggy.com/#ru
гридов:
https://cssgridgarden.com/#ru
Примеры и ссылки, которые вам могут помочь
Простейшая страница на гридах
Простейшая на гридах и флексах с каталогом
3 карточки в ряд на гридах
контент по центру фон по ширине
элемент по центру на гридах (на флексах неудобно)
Написано
более двух лет назад
Dimka59
@Dimka59
дак у вас же врое сохраненая страница с исходным кодом, посмотрите как там реализовано через devtools
Написано
более двух лет назад
Решения вопроса
1
Alexander3928
@Alexander3928
Примерно вот так флексами. Можно и гридами
https://codepen.io/Alexxxsander/pen/KKRymLP
Ответ написан
более двух лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
Антон Литвиненко
@AntonLitvinenko
идея как раз в том чтобы логотип был всегда по центру
Написано
более двух лет назад
Alexander3928
@Alexander3928
Антон Литвиненко
, и в чем проблема указать justify-content: space-between для родителя? Или отцентрировать position: absolute
Написано
более двух лет назад
Антон Литвиненко
@AntonLitvinenko
Alexander3928
, ну так укажите, отцентруйте, я написал комментарий к вашему ответу, который в том виде что сейчас - не подходит
Написано
более двух лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
Вёрстка
Простой
Шрифт подключается криво, почему?
1 подписчик
18 часов назад
45 просмотров
1
ответ
Вёрстка
Простой
Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?
1 подписчик
06 мар.
122 просмотра
0
ответов
Вёрстка
Простой
На сайте очень много видео. Какие есть идеи в оптимизации?
1 подписчик
06 мар.
119 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как уменьшить масштаб блока в зависимости от размеров родителя?
1 подписчик
04 мар.
150 просмотров
2
ответа
Вёрстка
+1 ещё
Простой
Tailwind v4 как работать с контейнером?
1 подписчик
03 мар.
84 просмотра
1
ответ
CSS
+1 ещё
Простой
CSS как сделать div изображений ровно под наклоном друг за другом?
1 подписчик
28 февр.
133 просмотра
1
ответ
Вёрстка
+1 ещё
Простой
Как избавиться от панели навигации в браузере при добавлении закладки на экран домой?
2 подписчика
24 февр.
81 просмотр
1
ответ
Вёрстка
Простой
Как добавить оценку товара в карточке товара?
1 подписчик
22 февр.
50 просмотров
1
ответ
Вёрстка
Простой
Как сверстать такую кнопку?
1 подписчик
13 февр.
173 просмотра
0
ответов
JavaScript
+3 ещё
Простой
Вложенный слайдер Swiper.js с эскизами?
1 подписчик
03 февр.
112 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разработчик (Vanilla JavaScript, full-time)
Dalyoko
от 1 000 до 1 500 $
Дизайнер-верстальщик
TurboProject
от 50 000 ₽
Фронтендер/Фрилансер на удаленку
Netgineers GmbH
от 3 000 до 4 000 €
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама