Como hacer un sitio web / layout responsive con Flexbox CSS3



Aprende como crear sitios web flexibles y (responsive) adaptables a dispositivos móviles con flexbox CSS3

🚀 Blog de diseño web:
https://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de PHP7 y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso de Ecommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846


♦ Guía completa de Flexbox desde 0:

Guía completa de Flexbox desde 0

♦ Código y Recursos utilizando en el video:

Como hacer un sitio web / layout responsive con Flexbox CSS3


Redes Sociales:

♦ Twitter @falconmasters:

♦ Pagina de Facebook:
http://www.facebook.com/falconmasters

source

You May Also Like

About the Author: admin

37 Comments

  1. Hola Carlos Arturo, ¿Podrías crear un tutorial de flex elaborando diversos tipos de layouts o mockups de diagramación dando ejemplos de webs modernas? ¿Cómo integrar un menú desplegable a éste básico menú? ¿Cómo funcionaría algo así en una web dinámica con un menú "fixed"?

    ¿No sería mejor dejar ésta parte así?

    header .logo img {

    width: 50px;

    vertical-align: middle;

    }

  2. DEBERIAS Explicar mas los @media Screen, ya que se hizo muy confuso.. con Flexbox solo no alcanza entonces hacer el sitio Responsive?? hay que usar si o si los @Media Screen? podrias explicar mas eso sino no se entiende.

  3. gracias por este tutorial estuvo muy bueno , me gusto como explicaste las cosas lo pude lograr sin tene que andar viendo todo el codigo para ver cual era el error y lo explicaste buenisimo

  4. Hola disculpa no tienes un tutorial mas reciente de esto, es que en este proyecto ya tenias el trabajo hecho y a mi me gusta los tutoriales desde inicio a fin y paso por paso y quiero pedirle que si hace otro tutorial como este por favor no use tantos Backgrounds porque tanto de eso termina confundiendo y use un logo de imagen a medida.

Comments are closed.