Align Items vs Align Content in Flexbox

No video

Align Items vs Align Content in Flexbox

Рет қаралды 42,433

Күн бұрын

This guide examines the key differences between using the align-content and align-items attributes in Flexbox for front end development. Show notes and code: rails.devcamp....

Пікірлер: 47

@chhiringlama7203 Жыл бұрын

please never remove this video, I am putting this on my web development playlist , Thanks a lot

@kYt0-cz3hk 2 ай бұрын

would u like to share the playlist or make it public for a while pls

@chhiringlama7203 2 ай бұрын

@@kYt0-cz3hk I am really sorry, this was a long ago and I have removed all of the playlists saved.

@kYt0-cz3hk 2 ай бұрын

@@chhiringlama7203 ohh thats sad, so do u a place where u saved anything that might help u? like im plannign to create a doc to save all the imp vid and resource links. u got smtg of that sort?

@bitwhys5917 5 жыл бұрын

sweet. concise and useful, now I know why my layouts weren't doing what I expected. Much appreciated

@edutechional 5 жыл бұрын

I'm glad that you enjoyed it!

@raahultrivedimusic 10 ай бұрын

Thank you so much for explaining the concept so Wonderfully and concisely! It's helping me even in 2023 !!

@djbone94 2 жыл бұрын

Finally ! I finally get the difference. i watched and read many videos and documentation but now i finally understand the difference thank you

@Saccbot 2 жыл бұрын

I might be late for the party, but thank you for explaining it sir!

@miquel2423 3 жыл бұрын

Good vid. But you're not explaining what the difference is between it. Just showing an example :/

@alepdrs 2 жыл бұрын

Thank you for the video! Visualizing it turn so much easy to understand

@AreyHawUstad 2 жыл бұрын

There is a shorthand for justify-content and align-content when used together. place-content: center

@vinicius2336SP 2 жыл бұрын

Amazing! Thanks a lot!

@stomperhk9107 Жыл бұрын

It only works for grid-layout btw.

@AreyHawUstad Жыл бұрын

The place-content CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the align-content and justify-content properties) in a relevant layout system such as Grid or Flexbox.

@stomperhk9107 Жыл бұрын

@@AreyHawUstad Yes, I know. I didn't read the documentation anymore, but in the past place-items/place-content didn't work for flexbox. Or probalbly I'm mistaking it with something else, I dunno

@AreyHawUstad Жыл бұрын

No you're right. It could've been a version of browser that didn't support the tag.

@tooglem1468 7 ай бұрын

best explanation!!!

@adiemuller9486 3 жыл бұрын

2:02 To skip set-up

@edutechional 3 жыл бұрын

Thanks for sharing!

@ratatskr 24 күн бұрын

i don't know why but many people I have seen just don't tell us that the align-content only works after flex warp is applied that's why both align-content and align-items feels so confusing