Как центрировать изображение и в чем моя ошибка может не правильно сверстал?

Question

[Alex ALex]

Хотелось бы узнать как центрировать изображение по центру я использую Flex..
И в css стилях есть вопросы если не трудно пожалуйста помогите разобраться заранее спасибо!
Может еще скажите я правильно сверстаю или нет. Просто хочу вовремя все исправить..

ВОТ https://jsfiddle.net/KAHRAMON/xbeckt4w/15/

Comments

[RAX7]

Выложи код, без него никто тебе не скажет в чем ошибка

[Alex ALex]

RAX7, Ой сейчас.

[Alex ALex]

DanKud, Этот блок нужен так как без нее не работает particles. Даже если там указано z-index она все равно мешает я не понял или z-index не работает?

[DanKud]

Уберите у content-section свойство display: flex

[Alex ALex]

DanKud, Ок а блоку нужно задать дисплей флекс?

Answer 1

[shmatuan]

UPD:
content-section содержит в себе 2 блока, которые занимают по половине ширины, поэтому profile только на второй половине

Как пример можно так (но всё зависит от того как использовать):

#particles-js {
flex: 0;
/*или сделать его position: absolute;*/
}
.profile {
width: 100%;
flex: 1;
}

Comments

[Alex ALex]

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

[shmatuan]

Alex ALex, content-section содержит в себе 2 блока, которые занимают по половине ширины, поэтому profile только на второй половине

#particles-js {
flex: 0;
}
.profile {
flex: 1;
}

[Alex ALex]

shmatuan, Хорошо смотрите я там Z- index указал но все равно они занимают по половину ширины?

[shmatuan]

Alex ALex, z-index немного для других случаев - как раз с position: absolute он нужен, что бы знать что чем перекрывать.

[Alex ALex]

shmatuan, Спасибо большое вы мне очень помогли я хотел у вас кое что еще спросить смотрите в секцию я написал дисплей флекс и все да больше ни где ненадо написать? и могу с легкостью использовать или надо в вложенных блокав надо написать заново? и Я правильно сверстаю или е правильно просто хочу заранее проверить то что написал)))

[shmatuan]

Alex ALex, Во вложеных нужно писать, если они там нужны, как например в profile .
Наоборот получается что в content-section можно без флекса обойтись (если particles будет absolute)