1

Como hacer nuestro proyecto amigable para distintos tamaños de dispositivos!

  1. Primero creamos nuestro proyecto en html!
    [](“C:\Users\redwo\OneDrive\Imágenes\Capturas de pantalla\Screenshot 2023-04-01 171047.png”)

  2. Estilizamos con CSS la estrutura creada con html!
    [](“C:\Users\redwo\OneDrive\Imágenes\Capturas de pantalla\Screenshot 2023-04-01 171540.png”)

  3. Así se ve nuestro proyecto hasta ahora!
    [](“C:\Users\redwo\OneDrive\Imágenes\Capturas de pantalla\Screenshot 2023-04-01 172213.png”)

  4. Luego utilizamos Media Querie en CSS para hacerlo responsive y hacer que este sea adaptable a los distintos tamaños de dispositivos,
    le decimos que en pantallas hasta los 360px de width, adopte el estilo dentro de Media Querie (@media).
    [](“C:\Users\redwo\OneDrive\Imágenes\Capturas de pantalla\Screenshot 2023-04-01 172523.png”)

  5. Y finalmente nuestro proyecto luce así para dichos dispositivos!
    [](“C:\Users\redwo\OneDrive\Imágenes\Capturas de pantalla\Screenshot 2023-04-01 172758.png”)
    [](“C:\Users\redwo\OneDrive\Imágenes\Capturas de pantalla\Screenshot 2023-04-01 172818.png”)

Escribe tu comentario
+ 2