Hello! I am looking for a recommendation for Responsive Website Checker (for all devices). My website has some issues here and there with responsiveness. Kindly advise, which one is best to use. And which media queries as well. Thanks & Regards, Rashida H.
For breakpoints, you may check here: https://getbootstrap.com/docs/4.2/layout/overview/#responsive-breakpoints For Responsive checker, I usually used the Chrome Developer tool, but if you really want to check for actual devices you may try browserstack. I hope this help.
The best one is between your ears and all the different browsers if you've bothered building your site properly. 99%+ of the tools out there are pointless and more a tool for when you go full Pakled and design to specific resolutions as fixed width and or fixed-font metric design, instead of being a good little doobie and building elastic semi-fluid responsive design. Design the desktop layout first as: 1) Elastic, where possible fonts, widths, paddings, and margins are declared in EM. 2) Semi-fluid. At least one column allowed to expand to the available space, and to contract below it. No dumbass px fixed width layout trash. 3) Responsive, strop off columns and padding with media queries as the screen gets smaller. Make your desktop layout as Semi-fluid elastic. Narrow the browser window until it breaks, there's your media query breakpoint. Figure out how many EM that is, add 5% wiggle room for the difference in font renderers, and strip off /re-arrange columns, eliminate excess whitespace, and re-arrange other elements until it looks good. Lather, rinse, repeat until you're down below 256px at the browser default of 16px... or 320px if running large-fonts / 20px... or whatever your system font metric is. If you are thinking in pixels, thinking specific widths, etc, etc... You're doing it all wrong, and on the whole if you are thinking specific devices or resolutions, you might as well give up on making the site accessible. Some garbage automated tool can't report or even fix that. Oh, and @alfieindesigns, the halfwitted mentally enfeebled train wreck of how NOT to build websites that is bootcrap is the LAST thing I'd suggest pointing them at. Learn HTML and CSS, not some dumbass framework that creates nothing but broken, slow, bloated inaccessible sites. Particularly when it's painfully obvious even the people who created bootstrap are unqualified to write a single blasted line of HTML... just look at their examples. Nothing like duping people with an outright scam whilst making yourself work ten times harder than needed with two to twenty times the job requires... and then calling it "easier"