tengo una duda, cuando usamos las dimensiones de celulares la pagina se adapta bien, pero cuando usamos las dimensiones de iPad o tabletas nuestra pagina vuelve a quedar desorganizada ¿por qué pasa eso ? si se supone que usamos el @media para que nuestra pagina se adapte a las diferentes dimensiones de los dispositivos móviles? (٥↼_↼)
Hola Sergio,
Hay diversos formatos para hacer una pagina responsiva..
Para mi, lo mas interesante es empezar con mobile first, osea, empezamos primero con la estructura menor y la vamos agrandando.
Es importante tambien el uso de las unidades de medida + breakpoints. % puede ser lo mas recomendable en conjunto con @media(min-width: ).
Te dejo un articulo de esos puntos de ruptura en el diseño responsivo
https://www.aluracursos.com/blog/puntos-de-ruptura-en-el-diseno-responsivo
Tu pagina se desorganiza por que no esta 100% responsivo, busca estudiar esos puntos que comente!
Un saludo!