Fixed column / content size – breakpoints

---

Re: fixed image size / breakpoints

The above post already answers my question with regards to keeping the image sizes fixed, whilst the margins resize for different screen sizes. However, when I try this the image does not stay centred – the left and right margins are not equal either side. Is there a way to keep the image fixed but also have the left and right margins equal when the window is resized?

This is a good example of how the content stays fixed whilst you resize this window:
http://apracticeforeverydaylife.com/projects/marcus-verhagen-flows-and-counterflows

Thanks in advance!

Dear @Des
you can try to add:

margin-left: auto;
margin-right: auto;

to the box with the content.

It is easier to inspect when I see your example. Can you post a link to your page?

Best!

Marius

Hi @mariusjopen

Thanks for your reply.

I did try this, but it didn’t work. However, when I added ‘!important’ it worked – it resized perfectly.

Thanks again,

Des

Dear @Des
ah yes. The classic important…

Best!

Marius