Resizing Images for Responsivness

[Randy]

Hi All,

I’m working on a website here

I’m trying to get the images the full width of the container, I seem to have lost the selector that works. I’m currently using #block-1 .article header a.post-thumbnail

the bigger challenge is for the images to resize according to screen size. It doesn’t seem to size correctly when resizing my browser window, or on my IPhone.

What is the correct CSS use here? Thanks for your input.

[Randy]

Thanks for your help, That did the trick… sort of. I had to add a margin-right: -20px; to the container to the image to extend 100% of the box. But it is working now.

[nixnerd]

Shane is right. You need to set your widths to be percentages. This is rare but if you need to preserve aspect ratio at all times, let me know by @ mentioning me and I’ll hit you with a little trick you can use.

[Author]

Posts