breakpoints: En páginas como Bootstrap nos ofrecen unos breakpoints, digamos definidos, que son 576px, 768 px, 992px, 1200px, 1400px depe...

Gilbert Ardila

Gilbert Ardila

Pregunta
studenthace 3 años

breakpoints:

En páginas como Bootstrap nos ofrecen unos breakpoints, digamos definidos, que son 576px, 768 px, 992px, 1200px, 1400px dependiendo del tipo de dispositivo, ¿es conveniente usar estas dimensiones para crear nuestros media queries o lo ideal es crear el breakpoint en el punto donde se rompe el diseño?, es decir usas un breakpoint de 600px, ¿sería mejor ponerlo en 576px de acuerdo a esa referencia o no importa?

1 respuestas
para escribir tu comentario
    Iris Valentina Barrios

    Iris Valentina Barrios

    studenthace 3 años

    ¡Hola Platzinauta 👋! Los Breakpoints se tratan de estandarizar, sin embargo, muchas personas hacen lo que dices, hacerlo según la web, por conveniencia lo hacemos muchas veces de esa manera, sin embargo, se considera una buena práctica usar lo estandarizado

    • Móviles: entre 320 y 480 píxeles.
    • Tablets: entre 768 y 1024 píxeles.
    • Pantallas grandes: más de 1200 píxeles.

    Sin embargo, si sientes que tu web necesita otro breakpoint puedes agregarlo sin problema :)

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.