workShop_1_pokemon_responsive_design

[PaolaTorresV]

pokemon_responsive_design

repositorio: workShop_1_pokemon_responsive_design

Descripción del desarrollo:

Teniendo como base el código creado, se establecieron las nuevas características para la vista mobile de la página

Estructura de las carpetas

Resumen paso a paso:

1. Partiendo del código y creado, en CSS se incluyeron las modificaciones a través del @media screen and (max-width: 600px)
2. Se disminuyó el tamaño del header
3. Se disminuyó el tamaño del h1 y de la imagen
4. Se modificaron las propiedades del display flex
5. Se disminuyó el tamaño del Pokémon principal y se cambio su alineación
6. Se modificó la ubicación del aside
7. Se modificaron las dimensiones del footer
8. Se disminuyó el tamaño de los demás pokemones.

Vistas:

Desktop

Mobile

Estadísticas