Error in FlexBox!!!!

Question

I have a problem that I'm using "Flexbox" { justify-content:space-around; } and it's isn't working , I've faced it many times , sometimes "space-between doesn't work , especially align-items:center;" , I damn sure that I'm writing the correct syntax but where is the problem I Don't understand?????

Here is My code , I've used –

display:flex;
justify-content: space-around;
, but it's not working.????

https://code.sololearn.com/W23GTX7LmFgl/?ref=app

Answer 1

Heyao,

Img tag is not a block element so it won't really respect the flex rules, as I do remember.

I've tried to cover all your img tags with divs and here is the result:

https://code.sololearn.com/WG4BEmpWAUbn/?ref=app

Hope it helps =)

Answer 2

_K_ Welcome, I'm glad it helped =)

Answer 3

Krysto Foxik 🐥 thanks a lot brother , it helped me a lot it was mine's one of the major problems 😅😅😅😅🙏🙏🙏🙏.....

Answer 4

Krysto Foxik 🐥 thanks 😁😁😁