Как сдвинуть синий блок вправо?

Question

[Талян]

Я контейнеру прописал

display: flex;
align-content: flex-end;

Но внутренний синий блок всё равно стоит слева.

Answer 1

[Andrew]

так а что вам нужно?
у вас блоки равняются к концу этого(#contact_block) контейнера, задайте им меньше ширину и увидите, если хотите чтобы синий стал последним, а красный первый, юзайте ордер или row-reverse

#contact_block{
    display: flex;
    font-family: UniversLTCYR-57Condensed, sans-serif;
    align-items: flex-end;
background-color: red;	
  flex-direction: row-reverse;
}
//или
.header_contacts{
order: 2;
}

https://codepen.io/kickerock/pen/MxGLZp

Comments

[Талян]

синий внутри же красного. Я потому красному и задаю content-align

[Rustam Bainazarov]

Анатолий, нужно не content-align, justify-content:

[Талян]

Рустам Байназаров, ёпрст, точно. Спасибо.