I am working on a screen display and there is a footer with some logos, That footer is 13 vh.
I want the image to scale proportionally (85% height, not in pixels). I am trying different approaches but without success. Any ideas?
Instead of using images, to manage images in %, you could use DIVs at 85% height with a background image in contain.
2 Likes
It could be a viable solution, I will try.
Thanks!
I finally applied column heights instead of divs because empty divs with bg where not showing up and with an image they did not respect the % set.
In theory it could work, Unfortunately I’m busy right now and I don’t have time to try, but if I have time I will
1 Like
I’m not sure if this is what you want, but it’s an example you can work from. 
First of all, the first logo is the site’s, and the others are partners or suppliers.
For this reason, your logo must be have differently and comply with all the rules you requested. The other logos, however, have also a fixed sizes, and you can then decide how large they are compared to yours and whether they have a fixed or variable width when you shrink the window.
This is a semantic difference, if you don’t want any differences, use the same code for all the icons 
I hope this helps
1 Like
Great approach, you used vw instead of vh that does not works and sets a blank div.
I ended using a column height in % and it works fine.
Thanks for your support!
2 Likes
Nico thanks 
Just think outside the box
Blocs is fun to use for experimentation
2 Likes