Muranx
@Muranx
кто понял this тот в цирке не смеётся

Как сверстать шапку наиболее грамотно в данном примере?

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

6512c0b8c8dfc050084311.png

стили , которые важно знать примерно следующие

.content{ max-width: 1440px; }
.section-content{ max-width: 1140px; }

Подскажите пожалуйста как грамотно сверстать .header т.к. не понятно как позиционировать исключительно по центру логотип (.logo). Очень не хотелось бы использовать position: absolute. Но ничего другого придумать не могу пока. И где должен располагаться .burger-menu-desctop триггером на его открытие разумеется будет кнопочка .burger но вот сам .burger-menu-desctop занимает 100% ширины контента, т.е. есть предположение что саму менюшку .burger-menu-desctop нужно располагать в блоке .content
  • Вопрос задан
  • 166 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.header {
  display:grid;
  grid-template-columns: 1fr min-content 1fr;
}


<header>
  <left/>
  <logo/>
  <right/>
</header>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы