Blockera’s current breakpoints differ significantly from common industry standards:
Mobile: 0 - 478px
Tablet: 478 - 991px
Desktop: 991px+
The main issue is that the mobile breakpoint is too narrow. Many modern smartphones have widths of 400–500px, meaning larger phones quickly shift to the tablet layout. This can lead to a suboptimal user experience.
Most frameworks, such as Bootstrap and Tailwind, define mobile up to around 768px and tablet up to 1024px. Aligning with these standards could improve consistency across devices, prevent premature shifts to tablet layouts, and follow best practices in responsive design.
Would it make sense to adjust Blockera’s breakpoints to something more conventional, such as:
Mobile: 0 - 767px
Tablet: 768 - 1023px
Desktop: 1024px+
