I was wondering what the right parameters of width ranges to insert in my code would be for larger devices like tablets and laptops and then smaller deices such as cellphones in a responsive design?
Asked
Active
Viewed 83 times
-3
-
It depends on the content, but you can take a look at the values defined by bootstrap for example [link](https://getbootstrap.com/docs/4.1/layout/overview/#responsive-breakpoints) – S. Vasques Jul 23 '21 at 14:53
-
You could search about your question before but this can still be helpful. https://www.mydevice.io/#compare-devices – Amini Jul 23 '21 at 14:59
1 Answers
0
If you inspect element within your browser (Chrome, Edge) and click the Toggle Device Emulation icon (looks like a phone and tablet) you can see what Microsoft and Google define them as.
- 4K - 2560px
- Laptop L - 1440px
- Laptop - 1024px
- Tablet - 768px
- Mobile L- 425px
- Mobile M - 375px
- Mobile S - 320px
Bootstrap defines them here.
cpyro
- 16
- 2