Proyecto terminado:

GitHub - francopig/batatabit-mobile-first: Proyecto para practicar CSS sobre una página dedicada a las criptomonedas

Por qué aprender Responsive Design con Mobile First

1/31

Analizando el diseño

2/31

Para este producto, vamos a partir de un analisis con Figma.

Figma es una herramienta de diseño para poder construir wireframes con sus especificaciones, esto nos va a servir para tener un punto de partida y empezar a maquetar el sitio web.

Bata Bit

Acá tenemos el diseño de una landing page y es lo que tenemos que lograr construir.

Los estilos de CSS que vemos en Figma hay que tomarlos como sugerencia pero no deberiamos copiar y pegarlos en nuestro proyecto porque los estilos que maneja Figma son diferentes.

Lo que si deberiamos tomar son las fuentes y los colores. El resto lo vamos a generar nosotros.


El valor de Mobile First

3/31

Beneficiados del Mobile first: