How to build responsive sites for the multi-device web. Topics include responsive, viewport, media queries, and some layout patterns. This content rolls up to the webshine project
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-08-06 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-08-06 UTC."],[[["Learn how to craft websites that seamlessly adapt to various devices and screen sizes, ensuring a consistent user experience."],["Understand the vital role of the viewport meta tag in controlling how web pages are displayed on different devices."],["Explore the power of media queries to apply specific styles based on device characteristics, allowing for tailored layouts and content presentation."],["Discover common responsive design patterns and techniques, empowering you to build websites that look great and function flawlessly across desktops, tablets, and smartphones."],["This information is part of the Webshine project, dedicated to enhancing web development practices and knowledge."]]],[]]