search

openknowledgebe / website

Open Knowledge Belgium website
https://openknowledge.be
MIT License
4 stars 0 forks source link

Activity illustration display #54

Open jbelien opened 3 years ago

jbelien commented 3 years ago

There is some issue with the activity illustration (see https://okbe-website.netlify.app/activities/bike-data-project): image

auloin commented 3 years ago

Is the issue about the picture not fully visible? I'm making sure the image takes the height of the container and using object-fit: cover which hides some part of the image in the process.

jbelien commented 3 years ago

Is the issue about the picture not fully visible?

Yes :)

auloin commented 3 years ago

Any suggestion on how to make this better?

jbelien commented 3 years ago

I wouldn't use object-fit: cover.

I would try object-fit: contain; and making sure the image is centered vertically (or keeping it at the top, I don't know what would look best) ?

@mariedevos Any idea ? :)