fjenett
commented
10 years ago There really only are two ways of doing this without skewing / stretching the image:
background-size: contain
(what you had)
background-size: cover
(added via field now, check the blue cell)
In case of the blue cell in "Tendency" you could use a transparent image with the type and use css to set the color of the background. That would event work for the gradients further to the right.
Unlike other cell types, image cells add large bars of varying thickness on the top, bottom, or sides as the browser vertical height changes.
For other cells, there seems to be a small trimming of the top and bottom, and then the set cells jump in size to accommodate the new browser window height.
Watch the large blue left-most image in our "Tendency" set, or the middle black background image in the Habit set, as you resize the browser window height for an example. Thanks!