<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;
}
Live preview updates as you type
Building preview…