El Módulo de Caja Flexible, comúnmente llamado flexbox, fue diseñado como un modelo unidimensional de layout, y como un método que pueda ayudar a distribuir el espacio entre los ítems de una interfaz y mejorar las capacidades de alineación.
Cuando describimos a flexbox como unidimensional destacamos el hecho que flexbox maneja el layout en una sola dimensión a la vez — ya sea como fila o como columna. Esto contrasta con el modelo bidimensional del Grid Layout de CSS, el cual controla columnas y filas a la vez.
In the course, you will learn all the concepts of flexbox and media queries.
We will learn all the concepts with the help of code examples.
Following are the topics we will cover:
1.1-Installing VS Code and Server extension
1.2-Introduction to Flexbox
1.3-Setup index.html and style.css files
1.4- Reset margin padding box-sizing on universal operator
1.5-Styling the Boxes
1.6-Apply display flex on parent
1.7-Flex Direction row row-reverse column column-reverse
1.8-Flex grow shrink
2.1-Justify Content Flex Start
2.2-Justify Content Flex End
2.3-Justify Content Center
2.4-Justify Content Space-Around
2.5-Justify Content Space-Between
3.1-Why you should not use Float property
3.2-Align Item Flex End
3.3-Align Item Flex Start
3.4-Align Item Center
3.5-Flex Basis same as Width on Flex Item
4.1-Responsivesness with Media Query
4.2-Flex Wrap Layout Creation
4.3-Styling the Flex layout
4.4-Making Screen Responsive with Flex Wrap
4.5-Enhancing the responsiveness
1.1-What is meant by Responsiveness
1.2-Example Non_responsive website
1.3-Creating HTML Skeleton for non-responsive website
1.4-Styling the non responsive page
2.1-Different Device break points
2.2-Make Responsive in device upto 768px
2.3-Make Responsive for device width upto 468px
2.4-Make Responsive for device width above 1024px
2.5-Making Responsive between 769px and 1023px
Creating account on Github
Installing Git bash
Creating github token and connecting from local
Using git commands to commit and push our local code
You will get the complete source code
Practical CSS3 Flexbox Media Queries & CSS Grid Mastery
Learn to build responsive websites with the help of CSS3 Flexbox, CSS Grid, Media Queries & how to use Git and Github”
Este curso se encuentra de manera gratuita gracias a un cupón que podrás encontrar aquí abajo.
Toma en cuenta que este tipo de cupones duran por muy poco tiempo.
Si el cupón ya ha expirado podrás adquirir el curso de manera habitual.
Este tipo de cupones duran muy pocas horas, e incluso solo minutos después de haber sido publicados.
Debido a una actualización de Udemy ahora solo existen 1,000 cupones disponibles, NO nos hacemos responsables si el cupón ya venció.
Para obtener el curso con su cupón 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.