Problems with list view formatting, can't get <spans> next to each other

Copper Contributor

I' trying to achieve a formatting similar to the contact card example  in sp-dev-list-formatting, but I can't seem to get my Name and role fields to show next to the picture, no matter what I try it is displayed below. I have attached a screen shot from the example and a screen shot from when I try to apply the same formatting in my own list (borders are set to help me realize which <span> is which) . I'm no json or css expert so any help, even if it is to direct me in the direction of a better forum to ask is appreciated!

 

0 Replies