Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <section class="hero"> <h1>Adaptive Typography</h1> <p>Headings scale smoothly between small and large screens.</p> </section> </body> </html>
.hero { padding: 60px 24px; background: #eef2ff; border-radius: 16px; font-family: "Inter",sans-serif; } .hero h1 { font-size: clamp(2.75rem, 8vw, 4rem); margin: 0 0 1rem; } .hero p { font-size: clamp(1.125rem, 3vw, 1.5rem); margin: 0; color: #475569; }
