responsive design
Screen-aware web styling
Responsive design is a web development approach where layouts automatically adjust to fit different screen sizes and devices.
Rather than building separate sites for desktop and mobile, a single design responds fluidly to the user's screen: The site uses responsive design, so it looks good on phones and tablets.
The technique relies on flexible grids, images, and CSS media queries.
- HTMLWeb page code
- CSSWeb presentation language
- breakpointsProgrammed pause locations
- grid systemsIntersecting line frameworks
- accessibilityEase of approach
JavaScript · viewport · screen size · pixel density · mobile first · scalability · modularity · layout · fluid · aspect ratios · accessibility standards · usability · user experience · adaptability · visual hierarchy · proportionality · swipe · hamburger menu