Resolution dependent layouts and images

[Nicolas_B]

I fiddled with your downloadable examples a little and changed in the narrow css file #page-wrap {width: 548;} in #page-wrap {max-width:548;} to make the text wrap on smaller screens.
Now I want to add an image to the wide and the middle layouts and a smaller version of the same image to the narrow layout.
I just want to use good old css to keep things simple and stay out of trouble, but I can’t get it working though )-;
Probably I’m overlooking the obvious.
Any help is really appreciated.

[Paulie_D]

You might want to look at this: https://css-tricks.com/which-responsive-images-solution-should-you-use/

But here is a very simple technique: http://codepen.io/Paulie-D/pen/FhgkK based on current thinking.

[Nicolas_B]

Thanks Paulie-D.
I love simple solutions !

[Author]

Posts