HTML & CSS Skill

Guidance for semantic HTML5, modern CSS layouts, responsive design, and Tailwind CSS.

Quick Start

<!-- Semantic HTML5 structure -->
<header class="border-b px-4 py-3">
  <nav class="mx-auto flex max-w-7xl items-center justify-between">
    <a href="/" class="text-xl font-bold">Logo</a>
    <ul class="flex gap-4">
      <li><a href="/about" class="hover:text-primary">About</a></li>
      <li><a href="/contact" class="hover:text-primary">Contact</a></li>
    </ul>
  </nav>
</header>