Salve, non riesco ad impostare il punto in cui la seconda cell va a capo,
quindi a schermo ristretto le parole molto lunghe vanno ad accavallarsi sul contenuto della seconda cella accanto.
Se invece il testo di una delle grid è più lungo si perde l'allineamento degli elementi nelle due celle affiancate.
Al verificarsi di queste circostanze la seconda cella dovrebbe andare direttamente a capo.

In questo modo oltre a risolvere i problemi detti si avrebbero anche immagini meno ristrette.

Potete indicarmi dove è l'errore nella classe inline? Oppure se manca qualche impostazione?
Grazie

codice HTML:
<div class="Grid Grid--withGutter u-padding-all-l">
<div class="Grid-cell u-size1of2">
<div class="u-margin-bottom-l u-borderRadius-m u-padding-all-x"><strong>boldbold</strong>
<a href="link" target="_blank" rel="noopener">nome</a>
Lorem ipsum <a href="img.jpg"><img class="img-fluid aligncenter" src="img.jpg" alt="" /></a></div>
</div>
<div class="Grid-cell u-size1of2">
<div class="u-margin-bottom-l u-borderRadius-m u-padding-all-x"><strong>boldbold</strong>
<a href="link" target="_blank" rel="noopener">nome</a>
lorem ipsum
<a href="img.jpg"><img class="img-fluid aligncenter" src="img.jpg" alt="" /></a></div>
</div>
</div>