Responsive Design
One page that works on any screen size.
Definition
Responsive design means building web pages that adapt their layout to the screen they're viewed on — phone, tablet, or desktop. Instead of making separate mobile and desktop sites, you write CSS rules that rearrange content based on the viewport width. Media queries are the primary tool.
Example
@media (max-width: 768px) { .sidebar { display: none; } } hides the sidebar on screens narrower than 768 pixels, giving mobile users more room for the main content.
See it in context Learn how Responsive Design fits into the bigger picture of how software actually works.
Read the Guide →