I need to set area on site with most downloaded books and I'm facing the following problem:
- Book covers can have different width and height ratio, meaning not all books have proportional edges.
- There is grid system in place, and I'm limited to display 3 books per row
At first I have hard cropped thumbnails to same dimensions (for example 400x300), but thats also not good idea since book covers can have important data on them like actors face, title etc etc..
Narrowing down, I have created 3 different scenarios but I'm not sure which one is the most usable to end user.
Question: In your opinion which one should work the best and do you perhaps have another solution?