Responsive design
A design approach where your website looks great and remains usable on smartphones, tablets, and desktops. Content automatically adapts to the screen width. Text remains legible, buttons clickable, and images scale appropriately. Responsive design is now standard and a crucial factor for user experience and visibility, as search engines heavily weight mobile presentation.
Responsive means that a layout adapts to the screen width, instead of creating a separate version for each device. This has been standard practice for years, but it's often approached incorrectly: designs are still created on a large screen and then scaled down.
Conversely, it's easier. Those who start with the narrowest view must decide from the outset what's truly important. In practical terms, this means: touch areas of at least 44 by 44 pixels, text starting at 16 pixels to prevent iPhones from automatically zooming in, and breakpoints placed where the content demands them, not based on the dimensions of specific devices.
Back to the glossary