Align Items vs Align Content in Flexbox

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....

[@chhiringlama7203]

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

[@kYt0-cz3hk]

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

[@chhiringlama7203]

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

[@kYt0-cz3hk]

@@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]

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

[@edutechional]

I'm glad that you enjoyed it!

[@raahultrivedimusic]

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

[@Saccbot]

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

[@djbone94]

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

[@miquel2423]

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

[@AreyHawUstad]

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

[@vinicius2336SP]

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.

[@alepdrs]

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

[@ratatskr]

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

[@LennWeltmeister]

I'm still having trouble understanding justify-items

[@mahmoudanwar195]

thank u sir but,
when u select justify-content in code, a top box appears what's the name of this extension in vscode

[@vivianeb90]

That's the Emmet plugin, it helps with writing code faster, works on many code editors

[@adiemuller9486]

2:02 To skip set-up

[@edutechional]

Thanks for sharing!

[@tooglem1468]

best explanation!!!

[@balledachandrahas8326]

Perfect explanation

[@edutechional]

Thanks!

[@Saskyia]

Thank you !

[@edutechional]

You're welcome!

[@raavi2945]

Thanks dear

[@tilekbakytbekov4630]

great video thanks

[@shawarmagaming]

pliiiz if you have code gave me

[@yotsusan_machi]

thank you sir

[@johnygargano8054]

thank you

[@yousseftijdit]

Thank you !

[@edutechional]

You're welcome!

[@oguzhanberk9003]

neat job friend thank you. ı got it

[@Zen-lz1hc]

Cool thanks

[@eltiosam3129]

Muy bien explicado, ojala estuviera en español, thanks :3

[@asifhossain2088]

thank u

[@pranavhs4535]

voice is a little bit like Tony Stark

[@건강한아들]

Thank you

[@edutechional]

You're welcome

[@technengineeringhub9088]

thank you Sir

[@edutechional]

Most welcome!