No se, aun no me queda muy claro como trabajar en responsive para que quede bien tanto en navegador como en movil. Estoy algo confundida....

María Del Pilar Chávez Gutiérrez

María Del Pilar Chávez Gutiérrez

Pregunta
studenthace 4 años

No se, aun no me queda muy claro como trabajar en responsive para que quede bien tanto en navegador como en movil.

Estoy algo confundida.

¿Algún consejo?

6 respuestas
para escribir tu comentario
    Jean León

    Jean León

    studenthace 4 años

    Debes estudiar y tener claro como funcionan las Mediaqueries en CSS. Los estilos para pantallas de escritorio van fuera de las mediaqueries y los estilos para móviles irán dentro de una mediaquery que indique que estos estilos estarán disponibles para resoluciones menores a X pixeles, aquí por lo general se sobrescriben los estilos que se tenia en escritorio. básicamente es eso. También existe algo llamado Mobile first, esto es , en donde primero te enfocas en los estilos para móviles, y luego dentro de las mediaqueries pones los estilos para escritorio.

    te recomiendo googlear mas y leer acerca de estos términos

    responsive design mediaqueries mobile first

    Bulmaro Arellano Navarrete

    Bulmaro Arellano Navarrete

    studenthace 4 años

    Genial,

    Me alegra que estés progresando, paciencia y mucha práctica es la clave!

    María Del Pilar Chávez Gutiérrez

    María Del Pilar Chávez Gutiérrez

    studenthace 4 años

    Hola Bulmaro, estaba tan perdida que no sabía bien cuál era mi pregunta 😵‍💫 jaja pero conforme e ido avanzando en el curso lo he comprendido cada vez más. Igual veré el curso que me recomendaron, gracias!🤩

    María Del Pilar Chávez Gutiérrez

    María Del Pilar Chávez Gutiérrez

    studenthace 4 años

    Gracias por la recomendación CLASSPUNK6, veré ese curso terminando el práctico de Frontend!😁

    Javier Salcedo Salgado

    Javier Salcedo Salgado

    studenthace 4 años

    No te preocupes, apenas estás empezando, en platzi hay un curso dedicado a responsive design donde todo esto te quedara más claro, te doy un pequeño tip y es contrario a lo que se hace en este curso es mejor siempre maquetar mobile y después escalarlo a desktop.

    Bulmaro Arellano Navarrete

    Bulmaro Arellano Navarrete

    studenthace 4 años

    Hola Maripy,

    Para poder ayudarte necesitamos que tengas claras tus dudas, es decir, ¿Qué es lo que te tiene confundida respecto al diseño responsivo? ¿Qué conceptos o fragmentos de código no terminas por comprender?

Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.

Curso Práctico de Frontend Developer
Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.