So im using Display flex , and im having a bit of an issue

[herofeeder]

Gyazo

its supposed to look like this
but got 2 issues the images are distorted and i dont know how to fix that
and i cant seem to set the all in one row
the last page i worked on i think i used width :%; but i wasnt sure if that was nescesarry and if i could have fixed it all using flex .
can someone shed some light on this problem

EDIT: https://codepen.io/anon/pen/QazOEr
i forgot to add the code pen xd my baD

[eldonmcguinness]

The first issue is you’re not using flexbox correctly, flex should be used on the container, not the individual columns. Secondly, your code is not arranged to where the blocks of information would be able to be formatted as you wish.

Try to refactor your code and you’ll get it.

[herofeeder]

yeah i didn’t get it