.dad {
    display: grid;
    grid-template-rows: repeat(3, max-content);
    place-items: center;
    text-align: center;
    border-bottom: solid 1px black;
}

.dad h2 {
    font-size: 1.3em;
}

@media screen and (min-width: 550px) {
    .dad {
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .dad h1 {
        align-self: end;
        margin: .4rem 0px;
    }

    .dad img {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
        margin: 10px;
    }

    .dad h2 {
        align-self: start;
        margin: .3rem 0px;
    }
}