CSS Flexbox difference between justify content and align items

Channel:
Spain Alberto Rivas - Photoshop tutorials
Subscribers:
2,930
Published on ● Video Link: https://www.youtube.com/watch?v=0o0RF13I4-g


Duration: 2:19
28,992 views
569

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



Other Videos By Alberto Rivas - Photoshop tutorials


2021-03-02What coding for the first time feels like
2020-11-23UNBOXING HP Pavilion 16 a0027ns
2020-11-14CSS Flexbox difference between justify content and align items
2020-08-21Trello clone in Vanilla Javascript (Source Code in Description) JS, HTML & CSS project
2020-06-28How to make a light bulb in Adobe Flash tutorial for beginners
2020-06-24How I made an Isometric Pixel Art Castle in Adobe Photoshop, tips and tricks for beginners
2020-06-19How to make cartoon ice letters in Adobe Photoshop step by step Tutorial for beginners
2020-02-27Como seleccionar con la herramienta de pluma en Photoshop tutorial
2020-02-26png not working in Photoshop solution, png with black background instead of transparent
2020-02-25png no funcionan en Photoshop, solucion. Png con el fondo negro en vez de transparente
2020-02-24Como agregar particulas en Photoshop tutorial gfx
2020-02-23Como hacer letras de piedra en 3D con textura en Photoshop tutorial
2020-02-22Como hacer brillo para letras en Photoshop tutorial
2020-02-21Part 2 COMO ENCONTRAR EL CENTRO DE UNA IMAGEN EN PHOTOSHOP
2020-02-20Part 2 HOW TO FIND THE CENTER OF AN IMAGE IN PHOTOSHOP USING THE GUIDES
2020-02-19How to add a lightning to any picture in Photoshop tutorial
2020-02-18Como agregar rayo a cualquier imagen en Photoshop tutorial
2020-02-16Como hacer dibujos isometricos en Flash con perspectiva
2020-02-16How to do clean isometric drawings in Flash with perspective
2020-02-15how to do an isometric drawing in 3D with perspective in adobe photoshop using the grid
2020-02-14HOW TO EASILY DRAW PERFECT CIRCLES IN PHOTOSHOP, FAST AND EASY