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"> <div> <h1>Design with color</h1> <p>Layer gradients and imagery with accessible contrast.</p> </div> </section> </body> </html>
body { margin: 0; font-family: "Inter",sans-serif; color: #fff; } .hero { display: grid; place-items: center; min-height: 100vh; text-align: center; padding: 0 24px; background-image: linear-gradient(135deg, rgba(99,102,241,0.85), rgba(244,114,182,0.85)), url("images/mountains.jpg"); background-size: cover; background-position: center; } .hero h1 { font-size: clamp(2.5rem, 6vw, 4rem); margin-bottom: 16px; } .hero p { font-size: 1.25rem; color: #e0e7ff; }
