Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
artem210908
@artem210908
Вёрстка
Как сделать такую же шапку на сайте, как в примере?
Я хочу сделать таку же шапку но не знаю как выстраить их также как на примере
Вопрос задан
более двух лет назад
139 просмотров
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
13 мая
852 просмотра
1
ответ
Вёрстка
Простой
Верстать прямо в браузере и сохранять изменения в файлы — возможно ли?
1 подписчик
09 мая
205 просмотров
3
ответа
Вёрстка
Простой
Как в верстке сделать уши у контейнера?
1 подписчик
10 апр.
148 просмотров
2
ответа
HTML
+3 ещё
Простой
Как решить задачу с четвертой картинкой, которая постоянно вываливается?
1 подписчик
20 мар.
212 просмотров
1
ответ
Вёрстка
Простой
Шрифт подключается криво, почему?
1 подписчик
14 мар.
98 просмотров
1
ответ
Вёрстка
Простой
Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?
1 подписчик
06 мар.
176 просмотров
0
ответов
Вёрстка
Простой
На сайте очень много видео. Какие есть идеи в оптимизации?
1 подписчик
06 мар.
150 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как уменьшить масштаб блока в зависимости от размеров родителя?
1 подписчик
04 мар.
183 просмотра
2
ответа
Вёрстка
+1 ещё
Простой
Tailwind v4 как работать с контейнером?
1 подписчик
03 мар.
202 просмотра
1
ответ
CSS
+1 ещё
Простой
CSS как сделать div изображений ровно под наклоном друг за другом?
1 подписчик
28 февр.
152 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Фронтенд-разработчик-верстальщик (лендинги)
Bitbanker.ru
•
Москва
от 140 000 до 180 000 ₽
Разработчик фронтенда на TypeScript Middle+ / Senior в аналитический стартап
ТОРГСТАТ
от 200 000 до 300 000 ₽
Fullstack-разработчик сайтов 1С-Битрикс
Валверде
от 80 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама