Css grids Images low res even if big

Design help General
1

Trying out css grids in webflow and wow its amazing. great job!

I have a problem with the images not being scaled properly tho, it seems like when i import the image and scale it “even if its big enough the resolution becomes really bad!”

I can of course use background image instead but it would be nice to solve why this is a problem :thinking:

http://lucass-top-notch-project-cd80a9.webflow.io/new-grid

2

I have that problem as well
https://preview.webflow.com/preview/medvind2-09ac01ecc836a5a5404c17923aa96c?utm_source=medvind2-09ac01ecc836a5a5404c17923aa96c&preview=af5ed256b4bdcc7a52eed722619a2158

Edit: Seems like the final image is as wide as the column is. For me its like 206px in natural size.

3

This solved it for me:

  1. Select the image
  2. Hit D to get to the element settings
  3. Hit CMD + SHIFT + O
  4. Uncheck “responsive image”
  5. Publish
5 Likes
4

This solved it for me too! amazing!

5

Solved it for me. Thank you.