.info  {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 100%;
    grid-template-areas: "tagline tagline tagline tagline tagline tagline tagline link link link link link";
    gap: 1em;
}

p {
    grid-area: tagline;
    align-self: center;
    justify-self: start;
}

a   {
    grid-area: link;
    align-self: center;
    justify-self: end;
}


@media only screen and (max-width: 872px)  {

    .info  {
        grid-template-areas: "tagline tagline tagline tagline tagline tagline tagline tagline tagline tagline link link";
    }

}

@media only screen and (max-width: 680px)  {

    .info  {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 100%;
        grid-template-areas: "tagline tagline tagline tagline tagline tagline tagline tagline tagline tagline tagline tagline"
                                "link link link link link link link link link link link link";
    }

    p {
        justify-self: center;
    }
    
    a   {
        justify-self: center;
    }

}