HELP WITH FLEX BOX

[FelixDev]

here is my code and how it looks, The images is just examples tho still not working if I change em. Any ideas ?

 

[rome.]

weird flex but oke

 

[FelixDev]

What’s the issue the images aren’t in the center, correct? I can help fix it but I’d need to inspect the code myself and do it. Do you have it hosted anywhere?

Im in school currently but I'll happily add you on discord later ? I dont have it hosted anywhere tho..[DOUBLEPOST=1542024173][/DOUBLEPOST]

weird flex but oke

How should I do it tho ???

 

[rome.]

Im in school currently but I'll happily add you on discord later ? I dont have it hosted anywhere tho..[DOUBLEPOST=1542024173][/DOUBLEPOST]
How should I do it tho ???

I dont understand what the problem is. Are you trying to position the images? This is HTML and CSS right? No other codes used

 

[Meldiron]

PM me if you still need help, I can help you get it fixed in a minute.
Or add me on discord: Meldiron#0949

 

[Joshua C]

Contact me over Joshua C#5870, I can help you out.

 

[Xenons]

My suggestion: use css grid instead, it's much more advance

 

[Joshua C]

Pretty sure this is exactly what you wanted - https://codepen.io/HTHoldings/pen/oQYoLK

I've made this according to how you're wanting it.

What I did is, I've made it in 2 parts.

1) id="bottom" - The main container.
2) class="card" - To hold the profile and anything else.

I've set up #bottom as flex-direction: row so it will make all the items in its container to be on a ROW.

I've made the card part as flex-direction: column and text-align: center to make.
The column will make everything in the card to be on a column size and the text-align center to make it centered.

 

[FelixDev]

Thanks for all help