SHARE

Yo gang, in this CSS Flexbox tutorial, I’ll be showing you how we can use the css property ‘align-items’ to align our flex elements along the cross-axis.

—– COURSE LINKS:
+ Source files on GitHub – https://github.com/iamshaunjp/css-flexbox-playlist
+ Brackets editor – https://brackets.io/

———————————————————————————————
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage…

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== JavaScript for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

============ CSS for Beginners Playlist =============

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

================== Social Links ==================

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

9 COMMENTS

  1. align-content and align-items not working in brackets 1.9 latest and also felxbox properties some with bootstrap don't work like flex-first flex-start flex-end why this is not working help me sir

  2. You are awesome, pretty much clearer now!

    I have just one question. What would you do in column direction, both axis centered, to make just last element aligned to end (bottom of the screen)? Is it possible just with Flex, I can figure out.

    Thanks!

  3. It would be better and easier to remember if creators of flex would have named justify-content as main-align and align-items as cross-align.
    Anyway very well explained. Thanks!

LEAVE A REPLY

Please enter your comment!
Please enter your name here