Cocolabs-SAS / cocorico

👐 Cocorico is an open source marketplace solution for services and rentals. More information right here: https://www.cocorico.io/ 🚀 Cocorico is also available in an off-the-shelf SaaS package, check out https://www.hatch.li to launch your platform today. 😍 We are hiring (telecommute welcome 🏡): https://www.welcometothejungle.com/en/companies/cocorico/jobs/candidatures-spontanees#apply
https://www.cocolabs.com
MIT License
857 stars 610 forks source link

resize image high rank #499

Closed gonzasylv closed 3 years ago

gonzasylv commented 4 years ago
Q A
Bug report? [ ]
Feature request? [ ]
Support request? [ x ]

hi @cocolabssas ,

is there any way the images can fit into the high rank framework?

Currently on my cocorico :

On a column of 3, the width is good. Can we automatically adjust the height? so that the image takes up the whole frame : http://imgur.com/c2NWpTul.png

I use 4 columns instead of 3, how can I adjust this in the code so that the image is well resized? Desktop : http://imgur.com/ptHxdwwl.png

On mobile I use two columns for articles:

Résult: http://imgur.com/UAF8PCYl.png , but the images are cut, it would have to fit the frame

If you have the solution, that would be great :)

gonzasylv commented 3 years ago

J'ai crée une class :

 .card-img-top {
         width: 100%;
         height: 268px;
  }

si vous avez une meilleure solution ...