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="page"> <div>Navigation</div> <div>Main content</div> <div>Sidebar</div> </section> </body> </html>
:root { --space: clamp(1rem, 2vw, 1.5rem); } body { font-family: "Inter",sans-serif; margin: 0; } .page { display: grid; gap: var(--space); padding: var(--space); } .page > div { background: #f1f5f9; padding: var(--space); border-radius: 16px; } @media (min-width: 768px) { .page { grid-template-columns: 240px 1fr; } } @media (min-width: 1200px) { .page { grid-template-columns: 280px 2fr 1fr; } }
