buenas tardes, mi pregunta es, como yo puedo configurar la pagina de productos y la pagina de contactos para que estas se puedan ver en un celular? ya que note que la configuracion solo se aplicaba en el home pero no en las otras dos paginas
buenas tardes, mi pregunta es, como yo puedo configurar la pagina de productos y la pagina de contactos para que estas se puedan ver en un celular? ya que note que la configuracion solo se aplicaba en el home pero no en las otras dos paginas
Hola Michelle.
Usando el media query.
@media screen and (max-width: 480px;) {
}
En la cual 480px si quieres puede ser la medida donde las partes de la página se adapten al movil. Por lo que estarías diciendole al browser, a partir de 480px quiero que mi página se comporte de esta manera. Osea ese código va a funcionar solo para las páginas donde la pantalla sea menor a 480px.
Por ejemplo:
@media screen and (max-width: 480px;) { .banner, nav{ display: block; width: 100%; } nav li { display: flex; justify-content: space around; } }
notese que eso es un ejemplo. per básicamente el media query es para hacer que las páginas sean responsivas en los moviles.
Posdata: tambien recuerda que en el
debe tener la etiqueta
que es la que va a ayudar a que se adapte.
espero haberte ayudado.