title: Microsoft Teams: Why mobile devices can't render a card with broken image link
body: <p>We have a published app in the Teams App Store.</p>
  <p>We are working with the <a href="https://adaptivecards.io/designer/" rel="nofollow noreferrer">Adaptive Card Designer</a> to make cards.
  Before adding new cards we create them in the Adaptive card designer and if everything works fine we copy Card Payload to work with.</p>
  <p>I don't know if this expected but we had an issue i will describe below.</p>
  <p>When you are adding an image to your Card you can see how will it be rendered in the card. If the image url is broken this reflects straight away on the card preview.</p>
  <p>I've added a space between h and t in the protocol &quot;https&quot; of the image url. You can see that the image cannot be rendered in the preview. Here's the screenshot:</p>
  <p><a href="https://i.stack.imgur.com/6tChQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6tChQ.png" alt="enter image description here" /></a></p>
  <p>Ok this works as intended. But, once we move that space symbol before the protocol we see this:</p>
  <p><a href="https://i.stack.imgur.com/8KPPC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8KPPC.png" alt="enter image description here" /></a></p>
  <p>If we send this card to teams this card can be rendered on the desktop without any image:</p>
  <p><a href="https://i.stack.imgur.com/Hberi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Hberi.png" alt="enter image description here" /></a></p>
  <p>But on the mobile devices (Android/IOS) this card <strong>can't be rendered at all</strong>:</p>
  <p><a href="https://i.stack.imgur.com/33aZn.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/33aZn.jpg" alt="enter image description here" /></a></p>
  <p>Looks like we can't trust Adaptive Card Designer anymore, when we are copy/pasting things.</p>
  <p>Is this a bug, or?</p>