hatte Langeweile und habe deine Seite fehlerfrei gemacht.
Das problem ist ,um das richtig zumachen musst du einiges ändern, weil in <li> ist kein <div> erlaubt <articel> und <section> wollen ein h Element haben laut Validation und noch andere sachen.
Deswegen sieht das nicht mehr so aus wie vorher.
Die boxen sind größer wei sie h Elemente haben und das menü ist auch leicht anders, weil alle divs jetzt li sind.
Aber das wahr auch nur provisorisch, weil ich kucken wollte was passiert.
* Link entfernt , weil existiert nicht mehr *
Die Boxen sind gleich gross, wenn ich das zu deiner css hinzufüge.
.post-list-item,.main-flex,.flex-flex,.top-flex{
width:60%;
}
Hatte jetzt keine Lust die ganze css nach den vorhandenen Einträgen zu suchen .Brauchst ja dann nur die Vorhandenen ändern.
Der Validator hat jetzt keine Fehler mehr.
Vieleicht solltest du dir da mal was überlegen ,wie du es besser machen könntest
https://validator.w3.org/nu/?showsource…automatisch.php
Edit.
Das ist besser
.post-list-item,.flex-flex{
width:60%;
}
.top-flex,.main-flex{
width:100%;
}
main article div div section p.text-length{
margin:0;
display:inline-block;
padding:0;
}
Alles anzeigen
Aber musst du mal selber gucken . Ich hätte die CSS Geschichte von Anfang an anders gemacht. Aber jeder macht es anders.
Auf jeden fall solltest du bei denk lassen gucken und da deine richtige Einstellungen machen