Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso Básico de Tailwind

Curso Básico de Tailwind

Ana María Díaz Solorio

Ana María Díaz Solorio

Maquetación del proyecto

10/29
Recursos

Aportes 14

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

La forma de trabajar de la profesora usando Figma para tener una idea de como irán colocados los elementos me parece una de las formas más eficientes de hacerlo. Se use Figma o no lo importante es tener claro como vamos a construir nuestro layout para evitar problemas luego y tener que re-estructurar todo el código por una mala implementación inicial.

De forma general, se utilizará Flexbox en este proyecto.

Paleta de colores:

  • #8FA206
  • #61EAC9
  • #FFFFFF
  • #000000
  • #CC2D4A

Otro curso que debo tomar. FIGMA se ve genial para hacer nuestros diseños!

Yo en lo personal manejaría un contenedor principal con flex-col; dentro habrían 2 div y el contenido dentro del segundo div lo manejaría con grid de esa forma puedo manipular muy fácil esa organización de los 3 elementos con tamaños diferentes.

Para el diseño de este layout, utilizaría flex a través de divs anidados.

En lo personal, a mi me gusta trabajar con flexbox, pero en este caso lo haría con grid

figma es nuestra guia me parece muy bien que en esta clase se vea un poco de figma ya que gracias a esto a la hora de tocar codigo estaremos haciendo las cosas de una forma fluida y no estaremos perdidos.

Esta muy creativa la forma de hacer el Trending Stays así con flexbox, pero creo que con grid saldría mas rápido, fácil y sin tanto div y así quedaría mas limpio el código

Estaria faltando la clase de grid, la profesora dice al pincipio “Ahora que ya conoces flexbox y grid” y solo vimos flexbox

Personalmente me gusta más trabajar con flexbox que con css grid, aunque muchos prefieran en este caso trabajar con css grid

Les comparto el canal de Tailwind, por si quieren complementar el curso.

Buena clase! El ejemplo está muy claro!

Interesante!! la maquetación en Figma. Haré el curso de Figma … Gracias por la indicación!