CSS Problem z pozycjonowaniem elementów na stronie

HTML    https://pastebin.com/K9ngt3rJ
CSS      https://pastebin.com/rq12RLHD


Mam sobie taką strone, będzie to szablon do mojego projektu w django i chciałbym żeby ta moja strona wyglądała mniej więcej tak https://imgur.com/a/xNoBagl Próbowałem na chyba każdy możliwy sposów, ale elementy nie chcą sie układać tak jak powinny i zawsze albo któryś najedzie na inny albo cos, ma ktoś jakiś pomysł?

Jak używasz CSS Grida, to po co Tobie ten float tam? Całkowicie z niego zrezygnuj.

https://codepen.io/anon/pen/zeQMxG - mozesz sobie jeszcze nazwac co jest czym, to tylko przyklad.

Jak juz uzywamy css grida, to lepiej nie dawac niepotrzebnych elementow typu div content, div wrapper. Nie sa one tutaj w ogole przydatne, a tylko utrudniaja.