FROG
FROG copied to clipboard
li-image when rotated looks awful
I tried the recipe here, and it seems to work -although still needs quite a bit of fiddling to get it to work right.
https://stackoverflow.com/questions/16301625/rotated-elements-in-css-that-affect-their-parents-height-correctly
There are 2 possible ways to fix this:
- Increase the size of LI to match the new height of the image (will propagate height change across other items in the list too)
- Reduce the size of image to match the height of LI (more suitable according to me)
Let me know which approach do you find more suitable