I am trying to set a state card on my main page am confused by how picture element deals with sizing. It’s huge. So I can understand that to a point. The original image is 500x600 but I resized to 125x150 and it stretches it to larger. This happens if I have the image on the same line as the other image or below it. Showing side by side so you can see what happens but as mentioned if I placed it below the other image it still does this.
Someone will probably tell me I’m wrong, but I think …
The size of the card is defined by the main image, it will take up the full width of the column it’s in. The height is then defined by the ratio between width and height of the main image.
To make it smaller, you could put a couple of them in a horizontal layout card, side by side, so they have to share the width of a single column (or put any other card alongside).
I’ve got a few picture-elements cards with transparent main images, of various heights which lets me create different sized cards. Then I place an image element on top, gives me a lot of control over size and position.
Thanks for the reply. That’s what I don’t get. The size of the main image is 125x150. I was thinking something similar as you so had tried doing a horizontal stack but couldn’t figure out how to place these in there. Tried adding it twice but kept having issues with my layout.
Yeah it’s weird. I start out that way but when it gets saved it puts the type on the bottom as you can see from what I posted originally. So not sure if I take the type and image and put that at the top and leave the rest the way it is. Minus the act that I’ll have to indent everything an extra level.
Apparently had to get rid of the dash on the first line. When I did so the cards are now smaller and have to be adjusted but better. Still to big though.
Could try a different approach, use a single picture-elements card with a transparent (or not) background that results in the card being the height you want.
Then place the image, that’s currently your background, as a image element which let you completely control the size and placement, do that once for each person and arrange the rest of the elements accordingly.