ReinaFresita / Mercado-Liebre

0 stars 1 forks source link

3. ¿El sitio se adapta a distintas resoluciones de pantalla? #3

Open axelriera opened 1 year ago

axelriera commented 1 year ago

Si se achica a menos de ese tamaño la pagina queda sin estilos.

Todos los estilos estan dentro de un @media screen and (min-width: 250px) {

Recomiendo poner todos los estilos menores a 480px juntos y a partir de esa resolucion ya trabajarlo como tablet.

El footer no es responsive. Podes intentar aplicarle display:flex.

ReinaFresita commented 1 year ago

@axelriera considerando lo que me dijiste volví a repasar los pdfs!

Captura de pantalla (909)

Según lo que encontré es que la medidas para tablet comienzan desde un ancho mínimo de 361 px, siguiendo el desktop con un ancho mínimo de 769 px. Por lo cual, se considera menor de 361 px como mobile. Tomando esa referencia decidí que se apliquen los efectos hasta esa resolución de píxeles por 2 cuestiones: la primera es que se rompe la página en una resolución menor a esa; y la segunda es porque no hay celulares actualmente que se estén usando en esas resoluciones en general. Por eso mismo, creí que lo mejor era dejarlo hasta esa resolución.

Intentaré aplicar lo del footer, muchas gracias por tus observaciones!

Saludos 🤗🤍!!