CSS
- 2 ответа
- 0 вопросов
1
Вклад в тег
space-beetween
иspace-around
отлично подходит и смотрится, когда у вас элементы блока одинакового размера(допустим элементы меню nav.
a.header-logo>Dashboard
- ваш логотип.div.header-notification>
обертка для строки поиска, уведомления и писем, в ней вы элементы выравниваете как раз флексами, допустим space-beetween.div.header-account> Hi, Robert
- ваш блок с аккаунтом.flex-basis
(размер блока), илиflex-grow
(жадность блоков).basis
и grow
. Понять их очень легко.flex-basis 25%
блок логотипа, flex-basis 15%
- блоку аккаунта, flex-grow: 1
- блоку с уведомлениями, выравнивание элементов блока - justify-content: flex-start; - лого и уведомления, flex-end - аккаунт
flex-basis, flex-wrap, justify-content.
Ваша правая часть остается всегда видимой - position: sticky.