In a responsive design with percentage widths, I want all content to have some space left and right. So I gave the parent container some padding instead of giving every content element a margin.
The problem is that I want some big images with a specific class to fill out the full width of the container. With fixed widths I would just give it a negative margin and increase the width accordingly.
But as everything should be percentage based, I can't figure out the best way to do it.
I got it working with just playing with the width values but it doesn't feel right.
I've got the following problem:
In a responsive design with percentage widths, I want all content to have some space left and right. So I gave the parent container some padding instead of giving every content element a margin.
Here is an example Pen.
The problem is that I want some big images with a specific class to fill out the full width of the container. With fixed widths I would just give it a negative margin and increase the width accordingly.
But as everything should be percentage based, I can't figure out the best way to do it. I got it working with just playing with the width values but it doesn't feel right.
Any ideas?
@uneart,
Here... how I would go about it.