Snook präsentiert ein klassisches Design mit einem übergroßen Header oben und einem Inhaltsbereich, der in diesen Header-Bereich "gezogen" wird. Mein Gedanke geht an denselben Ort
Historisch gesehen habe ich dies mit negativen Rändern gemacht. Die Kopfzeile hat eine Höhe, die dem unteren Bereich viel Auffüllung hinzufügt, und dann erhält der Körper einen
margin-top: -50pxoder was auch immer das Design erfordert.
Wenn Sie den margin und das padding mit einer solchen Situation abgleichen, sind es keine exakten magischen Zahlen, aber es fühlt sich für mich immer noch nicht richtig an, da es sich immer noch um Zahlen handelt, die Sie über völlig unterschiedliche Elemente hinweg synchron halten müssen.
Seine Idee? Bauen Sie es stattdessen mit CSS Grid. Fühlt sich definitiv viel robuster an.
Zufälliger Zufall, ich habe Chen Huijings „The one in black and orange“-Post gelesen und das Muster erschien auch dort.
(Ich habe am Ende ein Video dazu gemacht).