Cant get CSS Grid to be responsive (example)

[flitsdesign2018]

Hi everyone,

I am working on a website and I am trying to make it responsive, including the images (fluid images), but I am just stuck in the whole process. My brains are locked and wont work along lol.

Hope someone of you guys can help me out.

the code:
https://codepen.io/flitsdesign2018/pen/zRwdOG

[Beverleyh]

It isn’t really clear what you’re asking for help with. Can you be more specific? It would help if your CodePen only showed the one problem too. A whole page/codebase-in-progress will likely put folks off. Try to keep it small and very specific so that it doesn’t come across like a “rewrite my whole layout for me” request.

[flitsdesign2018]

Hi,

I am sorry, I edited it now. The problem is that the page doesnt become responsive. I added the code for all devices, and container max-width for the grid. Do I have to add max width in % maybe? or put all the columns of the grid in the code with it?

[Author]

Posts