Getting mobile responsiveness done right can be really tricky, and when one screws it up, the results usually end up horrific. In fact, if you haven’t heard yet, Google has even started penalizing non-mobile friendly websites in April 2015. In short, mobile responsiveness is a pretty huge deal.
So What is Mobile Responsiveness?
A website is deemed responsive when its contents have the ability to adapt to different screen sizes and orientations when viewed on devices other than the desktop. Put more simply, if you’ve upgraded to PBS v4 and want to design or build a page, then you should have no trouble viewing them, whether you’re on your desktop, mobile phone or tablet.
Responsiveness in Version 4.0
In our latest update, our team has made sure that PBS’ new mobile viewing feature becomes a smoother, more responsive experience altogether: with text, images, and all other content automatically adapting to your device’s screen resolution.
Now all headings automatically adjust according to the screen size, so that you don’t end up with huge letters when viewing your PBS-built site or page in mobile phones. To demonstrate it a little more clearly:
Viewing Your Site in Different Screen Sizes
To also help ensure that you you guys know what your page looks on mobile, we’ve also enabled mobile viewing through desktop. This way, if you want to check if your page looks good or not, you don’t have to go through the hassle of physically switching from phone (or tablet) to desktop. Now you can simply switch back and forth between the different screen sizes any time while designing your page.
What’s more is you can now also tweak the spacings of your elements specifically for tablets and mobile phones.