@Romario5891

Header only with html and css?

Как правильно сделать оформить header используя только html и css чтобы получилась как на этом макете
6082caa02563d774803081.jpeg

Почему у меня правое меню постоянно плавает и как кнопку поиска правильно спозиционирорвать в самой форме чтобы она никуда не уезжала? Что не так в моем коде? https://jsfiddle.net/kjgydnfs/27/
  • Вопрос задан
  • 91 просмотр
Решения вопроса 2
yupiter7575
@yupiter7575
Python программист
Проблема в пропорции. Вы выстраиваете элементы по px а правильная верстка это %
Ответ написан
BormotunJedy
@BormotunJedy
Верстальщик
Согласна с Yupiter7575 - смысл задавать max и min-width, когда внутри все в жестких px?
Зачем делать кнопку поиска псевдоэлементом? Нормально ее пропишите в своем контейнере, никуда убегать и не будет. Поработайте с @ media - постройте правильные размеры и положение иконок и подписей в правой стороне. Длина поля поиска не уменьшается - а ведь при уменьшении ширины экрана должна вообще уходить во всплывающее поле.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы