9,425 views
Do you know how to use the Flexbox justify-content and align-items properties? Do you know the difference between flex-start, flex-end, center, space-between, space-evenly and space-around alignment values? Do you know how to align on the main and cross axes of Flexbox? Watch this video to find the answers to these and many other questions. Topics in this video: 00:00 - Flexbox axis alignment 01:53 - Courses that can help your career 02:52 - A quick review 04:25 - Main axis alignment 05:34 - justify-content: flex-start 07:00 - justify-content: flex-end 07:38 - justify-content: center 08:31 - justify-content: space-between 09:22 - justify-content: space-evenly 10:08 - justify-content: space-around 11:01 - Comparing the results 12:10 - What happens when the axis direction changes? 13:53 - Help the Video Course project 14:32 - Practical exercise with alignments 16:03 - Testing the alignments we learned 18:09 - Cross-axis alignment 19:07 - align-items: stretch 19:44 - align-items: flex-start 20:24 - align-items: flex-end and center 21:16 - Practical test of align-items 22:22 - Having any difficulties? The HTML5 and CSS3 Course will teach you how to create websites using hypertext markup language (HTML) and cascading style sheets (CSS), all in their latest versions. In this course, Professor Gustavo Guanabara created a set of videos, exercises, challenges and support material in the form of an e-book with 30 chapters in all. Access the support material in PDF: == GitHub: https://github.com/gustavoguanabara/h... Receive notifications of new videos: == Telegram Channel: https://t.me/cursoemvideo Follow all the videos of Module 1 of the HTML5 and CSS3 Course: == Module 01: • Complete and current HTML5 and CSS3 course... Follow all the videos of Module 2 of the HTML5 and CSS3 Course: == Module 02: • HTML5 and CSS3 Course - Module 2 of 5 Follow all the videos of Module 3 of the HTML5 and CSS3 Course: == Module 03: • HTML5 and CSS3 Course - Module 3 of 5 Follow all the videos of Module 3 of the HTML5 and CSS3 Course: == Module 04: • HTML5 and CSS3 Course - Module 4 of 5 Get certificates by taking the course directly through the project's official website: == Website: https://www.cursoemvideo.com Become a supporter of the project: == Visit: https://www.cursoemvideo.com/apoie Follow us on social media: == Gustavo Guanabara on Instagram: / gustavoguanabara == Curso em Vídeo on Instagram: / cursoemvideo == Hostnet on Instagram: / hostnetbr == Estudonauta on Instagram: / estudonauta Meet the sponsors of this course: == HOSTNET: https://www.hostnet.com/cursoemvideo == RECODE: https://www.recode.org.br/novidades == ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo #cursohtml5css3 #modulo05 #C27A04