Linien verschieben sich, wenn das Browserfenster kleiner wird [geschlossen] ⇐ CSS

[Guest]

Wie bereits im Titel beschrieben, bleiben die Linien beim Verkleinern des Fensters nicht an ihrer Position. Alles sollte statisch bleiben.
Mein HTML:

Code: Select all

Login
Enter your Minecraft Username

Mein CSS:

Code: Select all

.switch_lines_container {
position: absolute;
top: 18.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: row;
gap: 1.5rem;
}

.switch_lines.active {
width: 5.81875rem;
height: 0.0625rem;
background: #FFF;
}

.switch_lines.inactive {
width: 5.81875rem;
height: 0.0625rem;
background: #555555;
}