CSS Flexbox difference between justify content and align items

No video

CSS Flexbox difference between justify content and align items

Рет қаралды 26,444

Күн бұрын

what is the difference between justify content and align items in css
With this you will learn how to center elements vertically and horizontally. Or how to align elements to the end or the beginning of the container vertically or horizontally
So in flexbox we have a main axis and a cross axis. When we say justify we are talking about the main axis and when we say align we are talking about the cross axis.
By default the main axis is the horizontal one, but if we say flex-direction: column; now the main axis will be the vertical one

Пікірлер: 31

@reycarrillo7016 Жыл бұрын

"I hope it's not too confusing" actually you did a great job of simplify it to me. thank you 👍

@sadriansaid5664 2 жыл бұрын

you solved my confusion in just 2 minutes. thank you

@rockygurung1107 2 жыл бұрын

Exactly 😁

@ithikornamornkhana3348 2 жыл бұрын

For real, it's happend to me ! 🤣

@SumanNath25 Жыл бұрын

Today I learned cross axis means cross axis. Solved the problem. Thanks. You made my day in 1 sec.

@wisdomjordan Жыл бұрын

you have made today better. thanks much

@gorkemkayas 5 ай бұрын

Thanks for clean expression🎉

@DannaSmile335 2 жыл бұрын

Just 2 minutes. That's what I need, thanks

@anupamdungdung9417 Жыл бұрын

Thanks this visualization helps to understand it in a simple way

@index-Bam Жыл бұрын

thanks for this video. It really helped me out understanding it.

@YH-zx6zx 3 ай бұрын

Very helpful good job man !

@kevinrivas3202 Жыл бұрын

Me super confused, going through all my notes, watched some other videos prior that were 20min long each, just lost! Hit play on this video, understood it in the 1st 30 seconds.. lmfao

@jackmeister9482 2 жыл бұрын

Thanks bro you helped me out. I was confused when adding flex-direction. Now i got it😘😘

@khatariinsaan5284 3 жыл бұрын

Thanks a Lot you have Cleare my Doub't

@ManiFesto97 Күн бұрын

I have a questions. I also did this one having a parent element and child elements. I did try to apply the display flex and the justify and align, o understand them how it works but when I input it in the code it is not working.

@perfectionchizuruoke6207 2 жыл бұрын

Thank you so much It was really helpful

@ISoHEoBASSIST 7 ай бұрын

puta madre, era así de simple?! muchas gracias!

@oudinia1 Жыл бұрын

Perfect, Thanks a lot, you cleard my confusion in less than 2min. (whatever :) )

@Juliamarsx 9 ай бұрын

thank u so much, Im better at memorizing visually

@tuannguyen-tk2bd 3 жыл бұрын

Thanks ,great

@8xnnr Жыл бұрын

I am still confused. I am doing a scrimba tutorial on React and the teacher wrote this ".header { display: flex; align-items: center; height: 65px; background: linear-gradient(90deg, #672280 1.18%, #A626D3 100%); color: white; padding: 15px 20px }" and this made the items horizontal and this should be justify content that does this?