CODEWITHSUNDEEP
cssvue.js
Hugo Licon
Hugo Licon

Reputation: 181

Image not showing correctly after rotation

I need to rotate an image by 90ded and show it in a Card Component, right now I'm using Element.io, but when I rotate the image, it covers part of the text

Currently, the image only has this style:

.image {
  width: 100%;
}

which works fine when we only want to show the original image

Here is a reproduction of my problem: https://jsfiddle.net/HugoLiconV/92hspw56/

Upvotes: 0

Views: 101

Answers (1)

Hugo Licon
Hugo Licon

Reputation: 181

I kind of solved it. We are using cloudinary, so what I did was to add a transformation to rotate the image by adding a_90 to the link, for example: http://res.cloudinary.com/demo/image/upload/a_90/v1569337519/test.png

Upvotes: 1

Related Questions