Perlschnur per HTML und CSS gestalten

berlin · 28. Dezember 2020

Hab jetzt ein Margin-Top von 6 px gemacht. Auf der Desktop-Version sieht es gut aus. Bei der mobilen jedoch nicht.

Sempervivum · 28. Dezember 2020

Ja, da fehlt jetzt oben ein Stückchen der Linie. Wie hast Du die Linien denn jetzt grün gemacht? Bei der Lösung mit dem Hintergrund hatte ich ja anfangs dieses:

Code

div.vertical-line.top {
background-size: 6px 50%;
background-position: center bottom;
}

Das musst Du jetzt anpassen, damit die Linie weiter nach oben reicht:

Code

div.vertical-line.top {
background-size: 6px calc(100% - 1.5em);
background-position: center bottom;
}

Tags