A capo con grid-cell responsivo

[he-man]

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

<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>

[KillerWorm]

Ciao, non riesco a riprodurre il problema, se la tua pagina è accessibile online prova a postarne il link così che ti si possa aiutare più facilmente. In alternativa sarebbe utile se tu fornissi un esempio riproducibile, minimo e completo, magari usando qualche playground online.

[he-man]

Grazie.
E' un po' complicato fare quello che mi dici perchè è un'istallazione in locale di wordpress, non trovando una galleria immagini con i vari campi che volevo ho usato codice in una pagina.
Quello che mi serve è capire come si da l'indicazione per andare a capo in automatico ogni volta che lo schermosi rstringe