Skip to main content
1 de 3
asantana o
  • 927
  • 1
  • 10
  • 17

El css está un poco caótico y desordenado. Esas líneas las estás haciendo con una misma sentencia con el borde de un :before de los diferentes elementos ul. Para ajustar el alto simplemente podrías darle un valor de height que se ajuste al esquema.

Como digo el código está un poco desordenado, así que la solución que creo que mejor te puede servir es darle un id a los ul en cuestión, y darle un alto a los :before de cada uno de ellos.

Suponiendo que los identificamos con id="posicion-ul";

#segundo-ul:before {
  height: 160px;
}

#tercer-ul:before {
  height: 47px;
}

#cuarto-ul:before {
  height: 160px;
}

El primer ul no tiene :before y es a partir del segundo cuando construyes las líneas verticales. Si el código estuviera un poco más ordenado sería más sencillo hacer referencias a cada elemento sin tener que darles un id.

asantana o
  • 927
  • 1
  • 10
  • 17