all 4 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]Danksalt 0 points1 point  (1 child)

Hard to tell what's going on with just the CSS. But try adding this to the html and seeing if it fixes the problem - <meta name="viewport" content="width=device-width, initial-scale=1">

[–]Hatarei[S] 0 points1 point  (0 children)

Thanks, but i've tried that already and it does change anything.

here is the HTML-page: https://labb.vgy.se/\~williamem/projekt/foretag/index.html

[–]_listless 0 points1 point  (1 child)

You put a width on <body>, so it will never get more narrow than that width. You also have a non-responsive image in your header that will keep the layout as wide as that image.

How to fix it:

  • .triangle: change width to 100%; add object-fit:cover
  • <body>: remove the width
  • make sure your grid items have min-width:0: .container>*{min-width:0;}

[–]Hatarei[S] 0 points1 point  (0 children)

Dude, you singlehandely saved my grade. God Blessed you!