Run ❯
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <body> <div class="w3-auto"> <div class="w3-container w3-card w3-indigo"> <h1>Responsive Containers</h1> </div> <div class="w3-container"> <h3>w3-auto</h3> <p>The w3-auto class defines a container for responsive size centered content. It has a width of 95% on large screens. And a fixed width set to 1140px for screens wider than 1205px. On medium and small screens the max-width is changed to 100%.</p> <h4>Resize the browser window to see the effect.</h4> </div> </div> </body> </html>
