#Siiii es un sticky, el error era que

1 messages · Page 1 of 1 (latest)

verbal vapor
#

te puedo pasar este tip por si te sirve:
Usa una clase .wrapper para centrar el contenido y limitar su ancho de forma responsive, sin usar media queries.

<nav>
  <div class="wrapper">
    <ul>
      <li>item 1</li>
      <li>item 2</li>
      <li>item 3</li>
      <li>item 4</li>
    </ul>
  </div>
</nav>

<section class="section-1"></section>
<section class="section-2"></section>

*, :before, :after {
  box-sizing: border-box;
  color: white;
  margin: 0;
  padding: 0;
}

nav {
  background-color: black;
  position: sticky;
  top: 0;
}

.wrapper {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 16px;
  background-color: gray;
}

ul {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 12px 0;
}

ul li {
  background-color: black;
  padding: 0 4px;
}

.section-1 {
  min-height: 100dvh;
  background-color: red;
}

.section-2 {
  min-height: 100dvh;
  background-color: blue;
}