freeCodeCamp/guide/russian/certifications/responsive-web-design/css-flexbox/add-flex-superpowers-to-the.../index.md

1.5 KiB
Raw Blame History

title localeTitle
Add Flex Superpowers to the Tweet Embed Добавить Flex Superpowers в Tweet Вставить

Добавить Flex Superpowers в Tweet Вставить

Основываясь на предыдущем вызове , вам нужно будет добавить свойство в нужные селекторы. Здесь трюк определяет правильный селектор, а затем все, что вам нужно добавить на дисплей: flex; имущество.

Заголовок гарантирует, что изображения, имя, дескриптор и последующие кнопки будут перемещаться горизонтально.

header { 
    display: flex; 
 } 

Выравнивает имя и дескриптор, чтобы выглядеть как одно предложение.

header .profile-name { 
    display:flex; 
    margin-left: 10px; 
  } 

Добавление свойства в следующую кнопку вместе с полем будет центрировать кнопку в нужном размере.

header .follow-btn { 
    display:flex; 
    margin: 0 0 0 auto; 
  } 

Эта же идея используется для элементов нижнего колонтитула.