Hey! <3 the content, especially someone like me who is just starting out. It seems like Gatsby image mostly relies on width when displaying an image. How would one go about setting a max-height and leaving max-width the same?
Oh, you can also just pass max-height in the style property (might add an !important to it too), haven't tested it yet..
Hi! If you want to change the height of the image you could give the element a style property and set a paddingBottom property. Hope that helps!
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Hey! <3 the content, especially someone like me who is just starting out. It seems like Gatsby image mostly relies on width when displaying an image. How would one go about setting a max-height and leaving max-width the same?
Oh, you can also just pass max-height in the style property (might add an !important to it too), haven't tested it yet..
Hi! If you want to change the height of the image you could give the![]()
element a style property and set a paddingBottom property. Hope that helps!