problème avec css / grid / selecteurs

Bonjour,
Je souhaite mettre 2 paragraphes l'un en dessous de l'autre mais je ne comprends pas pourquoi les 2 <p> s'obstinent à se mettrent l'un à côté de l'autre comme sur deux colonnes...
J'ai essayé plusieurs méthodes mais sans succés.

Voici le html:

"<article class="presentation">
                <h2>Prénom Nom</h2>
                <p>En recherche d'alternance</p>
                <p>
                    Petite présentation lorem ipsum dolor sit amet,
                    consectetur adipisicing elit. Accusamus culpa cumque delectus esse est
                    eum ex fuga itaque iusto magni numquam odit perferendis provident quia quibusdam
                    repudiandae, veritatis! Dolorum, minima. Accusamus adipisci aliquam asperiores autem
                    beatae cupiditate dignissimos doloremque ea
                </p>
                <figure>
                    <img alt="photo profil" src="images/photo.jpg"/>
                    <figcaption>Ma photo</figcaption>
                </figure>
            </article>"

** Voici le css:**
 ".presentation {
    display: grid;
    grid-template-areas: "photo nom""p1 p1""p2 p2";
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(3);
    grid-auto-rows: minmax(50px, auto)
        }
            figure {
            grid-area: photo;
            }
            .presentation+h2 {
            grid-area: nom;
            }
            .presentation+h2+p {
            grid-area: p1;
            grid-column: 1 / 3; 
            grid-row: 2 / 3; 
            }
            .presentation+h2+p+p {
            grid-area: p2;
            grid-column: 1 / 3; 
            grid-row: 3 / 4; 
            }"

Ce que je veux

Positionner les 2 <p> l'un en dessous de l'autre et qu'ils occupent tous les 2 la pleine largeur des 2 colonnes attribuées.

Ce que j'obtiens

Les 2 <p> se mettent l'un à côté de l'autre sur 2 colonnes. Le second <p> ne se positionnant pas sur les 2 colonnes et n'occupe donc pas la largeur totale des 2 colonnes mais juste sur la seconde.
Je ne comprends pas l'erreur que j'ai pu faire. J'ai essayé d'appuyer leurs positions en imposant 3 rangées: "grid-template-rows: repeat(3)"
et aussi en fixant leurs positions avec des "grid-column: 1 / 3;" et "grid-row: 3 / 4"
Je suis novice, en formation dans le html/css, et ceci répond à un exercice où nous ne devons pas toucher au Html.
Je vous remercie pour toute l'aide et conseil que vous pourrez m'apporter.