Beautiful Code Snippets

A collection of useful code snippets with beautiful syntax highlighting. Click the copy button to easily save any snippet to your clipboard.

Responsive Navbar

Multi-section

<nav class="navbar">
  <div class="logo">MyLogo</div>
  <ul class="nav-links">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
  </ul>
</nav>

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: #333;
  color: white;
}

.nav-links {
  display: flex;
  gap: 1rem;
}