FrontendAtlas
Study
▾
Dashboard
Pricing
Get full access
<html> HTML
<!-- TODO: Edit ONLY the <head>. Do NOT change <body>. No JS needed. --> <!DOCTYPE html> <html lang="en"> <head> <!-- Add: <meta charset="utf-8"> --> <!-- Add: responsive viewport meta --> <!-- Add: a descriptive <title> --> <!-- Add: meta description --> <!-- Keep CSS external (no <style> tag). --> <!-- Ensure this link remains in <head>. --> <link rel="stylesheet" href="styles.css"> </head> <body> <main class="card"> <h1>FrontendAtlas</h1> <p class="muted">Interview-style frontend practice: coding tasks, explanations, and reviewable solutions.</p> </main> </body> </html>
# CSS
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; margin: 2rem; line-height: 1.6; } .card { border: 1px solid #2a2a2a; border-radius: 12px; padding: 16px; max-width: 760px; } .muted { opacity: 0.7; }
Preview
Live preview updates as you type
Building preview…
Show preview