Css in problem z prilagajanjem strani

lep pozdrav. imam en problem. In sicer neki se igram s CSS-jem in mi neki zafrkava. in sicer. poglejte si prvo sliko:


No tukaj je vse vredu. Ko je okno brskalnika maksimirano vse lepo "pade". Poglejte drugo sliko:



No. tukaj ko pomanjšam okno brskalnika se vse postavi tako grdo. vse eno čez drugo. Poglejte še 3 sliko:



Tukaj je še primer kako se vidi na mobilnih napravah. Definitivno neokusno. Zakaj pride do tega? Kako bi lahko naredil, da bi recimo zmanjševal okno browserja do ene točke in nato se prilagajanje ustavi in tudi če še naprej pomanjšuješ, se pa pač content skrije. ( Poskusite Narediti tako s slotech stranjo ali pa s partis ).

p.s: pa prosim brez kakšnih res neumnih komentarjev kot so: poglej na w3schools ali kaj podobnega. Prosim za jasen odgovor ( vem da je preprosto, vendar ne dobim zanke ;) )..hvala :)

zanimivo ja. tudi z min-width sem poiskusil vendar ne. je isto ( mam nastavljene % ). Margin tudi že uporabljam...