Guía de breakpoints para diseño responsive en CSS

Hola, aquí les dejo un post informativo que les muestra los principales breakpoint para diseñar las páginas a diferentes tamaños de pantalla, por ejemplo si es para móvil, tablet o computadora de escritorio, por lo que podría ser muy útil.

¿𝙲𝚞á𝚗𝚍𝚘 𝚊𝚙𝚕𝚒𝚌𝚊𝚛 𝚖𝚎𝚍𝚒𝚊𝚚𝚞𝚎𝚛𝚒𝚎𝚜? ¿𝙲𝚞𝚊𝚕 𝚎𝚜 𝚎𝚜𝚝á𝚗𝚍𝚊𝚛?

🤳🏼 𝗖𝗲𝗹𝘂𝗹𝗮𝗿 𝟲𝟬𝟬𝗽𝘅
📱 𝗧𝗮𝗯𝗹𝗲𝘁 𝟳𝟲𝟴𝗽𝘅
💻 𝗟𝗮𝗽𝘁𝗼𝗽 𝟵𝟵𝟮𝗽𝘅
🖥️ 𝗠𝗼𝗻𝗶𝘁𝗼𝗿 𝗘𝘀𝘁𝗮𝗻𝗱𝗮𝗿 𝟭𝟮𝟬𝟬𝗽𝘅

𝘕𝘰𝘳𝘮𝘢𝘭𝘮𝘦𝘯𝘵𝘦 𝘢 𝘱𝘢𝘳𝘵𝘪𝘳 𝘥𝘦 𝘢𝘩í 𝘴𝘦 𝘩𝘢𝘤𝘦 𝘶𝘯 𝘥𝘪𝘴𝘦ñ𝘰 𝘱𝘢𝘳𝘢 4𝘒 𝘴𝘪 𝘦𝘴 𝘯𝘦𝘤𝘦𝘴𝘢𝘳𝘪𝘰 𝘱𝘰𝘯𝘪𝘦𝘯𝘥𝘰 𝘶𝘯 𝘮𝘪𝘯-𝘸𝘪𝘥𝘵𝘩 𝘥𝘦 1200𝘱𝘹

Recoftom dijo:

Hola, aquí les dejo un post informativo que les muestra los principales breakpoint para diseñar las páginas a diferentes tamaños de pantalla, por ejemplo si es para móvil, tablet o computadora de escritorio, por lo que podría ser muy útil.

¿𝙲𝚞á𝚗𝚍𝚘 𝚊𝚙𝚕𝚒𝚌𝚊𝚛 𝚖𝚎𝚍𝚒𝚊𝚚𝚞𝚎𝚛𝚒𝚎𝚜? ¿𝙲𝚞𝚊𝚕 𝚎𝚜 𝚎𝚜𝚝á𝚗𝚍𝚊𝚛?

🤳🏼 𝗖𝗲𝗹𝘂𝗹𝗮𝗿 𝟲𝟬𝟬𝗽𝘅
📱 𝗧𝗮𝗯𝗹𝗲𝘁 𝟳𝟲𝟴𝗽𝘅
💻 𝗟𝗮𝗽𝘁𝗼𝗽 𝟵𝟵𝟮𝗽𝘅
🖥️ 𝗠𝗼𝗻𝗶𝘁𝗼𝗿 𝗘𝘀𝘁𝗮𝗻𝗱𝗮𝗿 𝟭𝟮𝟬𝟬𝗽𝘅

𝘕𝘰𝘳𝘮𝘢𝘭𝘮𝘦𝘯𝘵𝘦 𝘢 𝘱𝘢𝘳𝘵𝘪𝘳 𝘥𝘦 𝘢𝘩í 𝘴𝘦 𝘩𝘢𝘤𝘦 𝘶𝘯 𝘥𝘪𝘴𝘦ñ𝘰 𝘱𝘢𝘳𝘢 4𝘒 𝘴𝘪 𝘦𝘴 𝘯𝘦𝘤𝘦𝘴𝘢𝘳𝘪𝘰 𝘱𝘰𝘯𝘪𝘦𝘯𝘥𝘰 𝘶𝘯 𝘮𝘪𝘯-𝘸𝘪𝘥𝘵𝘩 𝘥𝘦 1200𝘱𝘹

Ver el archivo adjunto 860861

Hacer clic para expandir...

Gracias por el dato, ya tengo para guiarme al hora de crear mis codigos css.

Henry00jj95 dijo:

Gracias por el dato, ya tengo para guiarme al hora de crear mis codigos css.

Hacer clic para expandir...

Me alegra que te vaya a ser de utilidad en tus proyectos de desarrollo web. 🙂

Ya que cuando iniciaba no sabía como adaptar el tamaño de una página a dispositivos móviles.