<ol><li>

[Gunnar Bittersmann]

@@Sophie

#breadcrumb-nav {
    display: flex;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 2em;
    border-top: 1px solid #d6d6d6;
}

#breadcrumb-nav ol {
    display: flex;
}

#breadcrumb-nav li {
    list-style-type: none;
    padding-right: 5px;
    margin: 0;
    display: flex;
    padding: 0.5em 5px 0.5em 0;
}

#breadcrumb-nav a {
    text-decoration: none;
}

#breadcrumb-nav > a { 
    margin-left: auto;
    padding: 0.5em 0;
}

Gibt es noch etwas dran auszusetzen?

Zum Sinn des Zurück-Links und dessen Position rechts hab ich ja schon was gesagt. Vertikal sitzt er nicht auf der Höhe der Breadcrumbs.

Noch etwas dran auszusetzen? Ja: 5px. Du willst doch alles mit der Schriftgröße in der Breadcrumb-Naviagtion skalieren lassen, also alles in em angeben. Hier so etwa 0.3em.

Wann immer px im Stylesheet vorkommt, machst du vermutlich was falsch. Außer vielleicht bei den 1px Rahmendicken, wenngleich du auch thin schreiben kannst.

LLAP 🖖