Size: a a a

Чат — Типичный Верстальщик

2021 March 18

e

e6voe9 in Чат — Типичный Верстальщик
Роман
всем привет. подскажите пожалуйста, почему без margin на флексбоксе блок прилипает к левому краю? align items ведь center стоит    .header {
 display:flex;
 height: 146px;
 width: 1170px;
 align-items: center;
 background-color: green;
}
сам хедер то у тебя никак не позиционируется,
1) align-items расставляет дочерние элементы внутри себя по центру по вертикали.
2) что бы блок по центру поставить нужно писать margin: 0 auto; или же расставлять его относительно родителя, но тогда придется делать полную обертку для сайта ... ну такой себе вариант. просто хедеру марджин дай
источник

B

BJIAST in Чат — Типичный Верстальщик
Роман
всем привет. подскажите пожалуйста, почему без margin на флексбоксе блок прилипает к левому краю? align items ведь center стоит    .header {
 display:flex;
 height: 146px;
 width: 1170px;
 align-items: center;
 background-color: green;
}
Если ты хочешь ограниченный блок поставить по центру то да, маржины нужны. Или например дополнительный врапер флексовый с justify content центр
источник

e

e6voe9 in Чат — Типичный Верстальщик
чем плохая такая структура??
источник

e

e6voe9 in Чат — Типичный Верстальщик
для .container просто задан max-width + margin: 0 auto;
и не надо для каждого блока ограничивать ширину
источник

Р

Роман in Чат — Типичный Верстальщик
Зарегался на codepen- я правильно понял, там другие могут мой код редактировать, или не для этого? А по делу - в итоге, вот у меня есть контейнер по ширине, на весь сайт..наверное проще тогда сделать margin auto 0 и задать ему ширину, и все?
источник

Р

Роман in Чат — Типичный Верстальщик
это wrapper*
источник

VB

Vasya Boyko in Чат — Типичный Верстальщик
e6voe9
чем плохая такая структура??
ничем
но, здесь можно смиксовать
<div class="container section-name__inner" или <div class="container section-name__container"
источник

e

e6voe9 in Чат — Типичный Верстальщик
Vasya Boyko
ничем
но, здесь можно смиксовать
<div class="container section-name__inner" или <div class="container section-name__container"
1) Это был риторический вопрос
2) Спасибо, так   правда меньше кода)
источник

VB

Vasya Boyko in Чат — Типичный Верстальщик
e6voe9
1) Это был риторический вопрос
2) Спасибо, так   правда меньше кода)
зачем было тогда его задавать?)
источник

e

e6voe9 in Чат — Типичный Верстальщик
Vasya Boyko
зачем было тогда его задавать?)
а зачем задают риторические вопросы ?))
источник

VB

Vasya Boyko in Чат — Типичный Верстальщик
e6voe9
а зачем задают риторические вопросы ?))
Риторические вопросы используются как в текстах художественного и публицистического характера, так и в выступлениях перед аудиторией, в повседневной речи. С помощью риторического вопроса можно подчеркнуть важность того или иного момента, проблемы, акцентировать на них внимание читателя или слушателя.
источник

VB

Vasya Boyko in Чат — Типичный Верстальщик
:D
источник

e

e6voe9 in Чат — Типичный Верстальщик
Vasya Boyko
Риторические вопросы используются как в текстах художественного и публицистического характера, так и в выступлениях перед аудиторией, в повседневной речи. С помощью риторического вопроса можно подчеркнуть важность того или иного момента, проблемы, акцентировать на них внимание читателя или слушателя.
именно
источник

ВС

Вадим Сибгатуллин... in Чат — Типичный Верстальщик
e6voe9
1) Это был риторический вопрос
2) Спасибо, так   правда меньше кода)
меньше кода не всегда лучше) про читаемость, модульность тоже нельзя забывать
источник

e

e6voe9 in Чат — Типичный Верстальщик
Вадим Сибгатуллин
меньше кода не всегда лучше) про читаемость, модульность тоже нельзя забывать
я себя знаю, я все равно буду писать контейнер отдельно😅😅, так что не парся
источник

ВС

Вадим Сибгатуллин... in Чат — Типичный Верстальщик
соглы)
источник

ВС

Вадим Сибгатуллин... in Чат — Типичный Верстальщик
Vasya Boyko
ничем
но, здесь можно смиксовать
<div class="container section-name__inner" или <div class="container section-name__container"
можно ваще сделать <section class="container section-name"> =)
источник

ВС

Вадим Сибгатуллин... in Чат — Типичный Верстальщик
ну если там без фонов всяких и тд)
источник

VB

Vasya Boyko in Чат — Типичный Верстальщик
Вадим Сибгатуллин
можно ваще сделать <section class="container section-name"> =)
возможно, в зависимости от макета.
а на счет микса, вы не правы оба
их можно и нужно юзать
источник

ВС

Вадим Сибгатуллин... in Чат — Типичный Верстальщик
можно понятно) а нужно то почему?
источник