I want to know about the css breakpoints i searched on internet and get too many confusing results.
What my requirements are to place only 3 breakpoints which are as follow
to get the screen width of desktops and laptops
then to get screen width of tabs and ipads: portrait and landscape
then to get the screen width of smartphones: potrait and landscape
Please update me with the smallest and finest working example which will be compatible with all screen sizes.