In regards to the layout builder's image element, the display: inline-block styling is needed for images when:
They are wrapped in a link.
They are not 100% width of the container.
In the above case, without inline-block the wrapping link will display 100%.
This is why the current inline-block styling exists. However, in cases where the image is 100% width of the container, this isn't actually necessary. And in some cases, this actually screws with the spacing of images stacked against each other.
So we should figure out a way to only apply display: inline-block if the image isn't full-width.
In regards to the layout builder's image element, the
display: inline-block
styling is needed for images when:In the above case, without
inline-block
the wrapping link will display 100%.This is why the current
inline-block
styling exists. However, in cases where the image is 100% width of the container, this isn't actually necessary. And in some cases, this actually screws with the spacing of images stacked against each other.So we should figure out a way to only apply
display: inline-block
if the image isn't full-width.