Bymas | display:flex; чет не понятно

всем привет не могу понять почему изображение не хочет выводится с параметром display:flex; когда его убераю то все норм, а с ним пропадает. .fon-avatar это сам див вывода изображения . он внутри контента

css

   .content {     display:flex;   flex-direction: column;   align-items: center;     height:630px; } .fon-avatar { background:url("images/avatar.png") no-repeat; background-position:50% 0%; background-size:300px; height:500px;  }

а ты вкурсе за что flex-direction: column; отвечает?

BarbaDDoS , выравнивание элементов типа того,

BarbaDDoS , сделал так , но background:url("images/avatar.png") no-repeat; не хочет выводится

css

   .content {  height:500px;   display: flex;   align-items: center;   justify-content: center;   border: 1px solid #000; }

Зачем такие жосткие параметры? Если можно проще зделать.

А зачем ты изобретаешь велосипед если можно без этого всего обойтись?))

Кайфовая , уже решил, тупанул я просто чет )))