Hice el menú de la barra lateral con el tutorial de YT ( https://www.youtube.com/watch?v=wEfaoAa99XY ), pero hay una cosa que no funcionó.

Cuando contraigo el menú de la barra lateral, el cuadro de contenido con texto debe expandirse y llenar el espacio después de la barra lateral, pero no sucede.

Se debe hacer con este código:

 .sidebar.active ~ .content-box { width: calc(100% - 80px); left: 80px; transition: all 0.5s ease;

}

Revisé y .sidebar está configurado como activo después de hacer clic en el botón. Y cuando elimino ".sidebar.active ~ ", el ancho del cuadro de contenido cambia, por lo que no creo que haya ningún código en conflicto.

¿Alguien puede ayudarme a encontrar lo que está mal con este código?

Aquí está la página en vivo: https://gearlistmaker.com/

Y aquí está el repositorio de github: https://github.com/jankamon/GearListMaker