Primero creamos nuestro proyecto en html!
[](“C:\Users\redwo\OneDrive\Imágenes\Capturas de pantalla\Screenshot 2023-04-01 171047.png”)
Estilizamos con CSS la estrutura creada con html!
[](“C:\Users\redwo\OneDrive\Imágenes\Capturas de pantalla\Screenshot 2023-04-01 171540.png”)
Así se ve nuestro proyecto hasta ahora!
[](“C:\Users\redwo\OneDrive\Imágenes\Capturas de pantalla\Screenshot 2023-04-01 172213.png”)
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”)
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”)