Portfolio images on tablet screens are blurry

Hi,
Can you please send me url of your site then I can check.

Thanks

https://cnroberts.com/wp/portfolio

Compare it on desktop versus 2 columns. Each thumbnail I uploaded at it’s original size is bigger than the thumbnail size on mobile. I did this to ensure the thumbnails wouldn’t be artificially sized up and become blurry, but they’re blurry anyway…

Hello,
I update one line css

.portfolio-feature-img img{
max-width: 100%;
height: auto;
}

Please replace this if your image size bigger then it show perfectly. update this css then it will show original image size.
I already updated in www.remarpro.com

Thanks

Thanks!

I’m not sure you may have understood me right? I already have the thumbnails fluid so their physical pixel size goes down on mobile screens.

What I was saying is that the thumbnails are large in pixel size, so when they size down to say 500xp wide, they should be nice, crisp, and clear. But they’re not. They’re 1000px wide but when sized down to 500px wide, are blurry.

Why are they blurry? They should be crisp and sharp.

Sorry I gave you wrong class
replace this

.tlp-portfolio .img-responsive {
width: 100%;
height: auto;
}
with
.tlp-portfolio .img-responsive {
max-width: 100%;
height: auto;
}

Your thumb size is 350 x 250 px but when it go 1 row then it become 383 x 274 px so image go bad. I already upload org last night if you want you can replace this css.

Change this class it should work I tested by firebug.

Thanks

I am closing this topic.

If need any more help please let me know.

Thanks