Understanding Flexbox Better.

(WARNING ABOUT COURSE DESCRIPTION).  A course description on Udemy must contain at least 200 words. It’s difficult to write, especially for a free course ( which cannot exceed 2H total video ). Due to some people not finding it professional, I had to explain this. I could explain what you can expect from the course in a few sentences, but as I mentioned it’s not available. Feel free to skip reading the course description if you wish.


This course will teach you the easiest way to master flexbox essentials.

You will discover the difference between block, inline, flex container, and flex items.

How does the main axis cross axis work, and how we can change it for any purpose.


  • How does display work

  • How does justify-content work

  • How does align-items work

  • How does align-content work

  • How does  flex-direction work

  • How does  flex-wrap work

  • How does  flex-grow work

  • How does  flex-shrink work

  • How does  flex-basis work

  • How does  flex work

  • How does  order work

  • How does  align-self work

  • How does  flex-flow work

  • What is the main axis

  • What is the cross axis

How you can change them?  How you can have control after changing them?


Here’s everything you need!



Without Flexbox:

  • Hard to maintain your layouts, box models, align-items, free space etc.

  • You will have to constantly use properties such as float, positional properties, fixed heights, and other tricks to be able to accomplish even simple tasks.


With Flexbox

  • Removes, the complexity that we had before!

  • Easy to maintain and accomplish almost any layout that you wish ( for 2D layouts GRID is most preferred )

  • Brings extremely powerful tools! Keep things easy


These are the list of properties so that you can see what you can expect to learn in this free course!


FLEX CONTAINER:


display

justify-content

align-items

align-content

flex-direction

flex-wrap

flex-flow*

row-gap

column-gap

gap*


FLEX ITEM:

flex-grow

flex-shrink

flex-basis

flex*

order

align-self


Hopefully, you will learn valuable things while enjoying them for free 🙂

Curso CSS Flexbox (2022)

Understanding Flexbox Better.»

Este curso es GRATIS

¿Quieres más cursos gratis?

Únete a nuestro canal en Telegram con cientos de cursos gratis publicados diariamente

Curso gratis en Udemy

Con los cursos gratis de Udemy puedes aprender muchas cosas sin tener que gastar en ello. Pero primero debes tener en cuenta varias cosas:

Contenido Gratuito

Los cursos gratis de Udemy te permiten aprender nuevas cosas sin tener que pagar. Aprovecha la oportunidad.

Aprendizaje

Pon en práctica todos tus conocimientos aprendidos. Realiza increíbles proyectos basados en el mundo real.

Limites

Debes tener en cuenta que todos los cursos gratuitos de Udemy son de máximo 2 horas y no incluyen un certificado.

Este curso se encuentra disponible de manera gratuita sin necesidad de ningún cupón, a través de la opción “GRATIS”.

Te recomendamos primero leer las diferencias entre un curso gratis y uno de pago para evitar malentendidos:

Cursos gratuitos
  • Contenido de vídeo en línea
Cursos de pago
  • Contenido de vídeo en línea
  • Certificado de finalización
  • Preguntas y respuestas de los instructores
  • Mensaje directo para el instructor

Aunque los cursos son colocados de manera gratuita, es posible que el autor del curso pueda cambiarlos a modalidad de pago, por lo cual te recomendamos revisar muy bien las características del curso.

Para obtener el curso de manera gratuita usa el siguiente botón:


Deja tus comentarios y sugerencias


Sobre Facialix

Facialix es un sitio web que tiene como objetivo apoyar en el aprendizaje y educación de jóvenes y grandes. Buscando y categorizando recursos educativos gratuitos de internet, de esta manera Facialix ayuda en el constante aprendizaje de todos.