Looks great. Is exactly how I want it, when viewing on a desktop or tablet. But in the mobile view, it looks a little funny because you end up with one or two words on each line beside the image. Would it be possible to modify the code so that when in mobile view, the image takes up the full width, and sits under the date of publication, but above the summary? Let me know if this is particularly difficult to do.

Yeah, okay, I've raised the image file size optimization to 500 (it was ?format=200w on the script) and so that auto adjustment can be easily done...

I still find it weird how when on much smaller screen the image actually gets bigger. I prefer having it centered as it was, but that's entirely up to you.

And maybe there's still some adjustment to be done when the screen is between 750 and 800 px. I've made this CSS to address it, but you can just remove it if you prefer: , (min-width: 751px) and (max-width: 800px)

I don't really understand what the file size optimization (?format=200w) does, but I hope it doesn't slow down page loading.

I like the way it looks now on smaller screens. Full width and more space above and below works for me.

I agree it looks funny when the image gets smaller as the screen gets bigger. Can you make the size of the image on larger screens the same as the largest size it ever gets on smaller screens? That way, it will only ever get bigger as the screen gets bigger, and I don't mind the image taking up a bit more space.

I also think we're getting close to final, by the way. Thanks for all you've done so far.

Depending on what you meant, that's very easy, and already done now. I've
changed the CSS width to 400px. But you see, at some widths, text will be
very compressed on the left side, which I managed to avoid with width
200px, which is a great width I think.

The file size optimization does improve page loading, but increasing it to
500 is very unlikely to have a significant impact on the page loading time
in any internet you use there. It will impact a bit more depending on how
many posts you want to display at once on very slow internets. I mentioned
it because I like to use every optimization resource I've got in hands and
just in case you do have access to slow internet and feel a difference
there, you'd already know why.

Now, it will be mostly impossible to make the floating image be same size
or bigger than the full width one and look good for every screen size.
If you look how it looks right now, at some screen sizes (between 800 and
950, and between 450 and 600) I'd say it's quite problematic. I could only
solve it by reducing the image size or having it centered on top (as it was
before). Unless you have some other idea...

I've given it a fair bit of thought and decided I actually don't think the fact that the image gets smaller – as the view gets bigger – matters. So I've changed the width back to 200px (and added some comments).

One last thing before I sign off on this: can you confirm that it works with IE (at least IE9 and above)? I hear that special media queries have to be written for IE.

I'm more concerned about IE than many because one of my main target audiences is government, and they are often stuck with IE8, IE9 etc. Even though for my site it is only about 2% users from IE8 and 3% from IE9, this is a risky audience to alienate, as they are actually the ones that hire me. But I'm happy with how it looks like it will render on IE9, and I think I just have to give up on IE8.

Thanks for all your work on this project. I've just paid the remaining $USD42.

Ah, yes... The government... And banks... They do often make the terrible tech choice of keeping everything outdated. At least nowadays people stuck there might have an option to use their smartphones and tablets!