#garden-project-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2em;
    column-gap: 1.25em;
    padding-block: 2em 4em;
}
#garden-project-grid img {
    border-radius: 4px;
    max-height: 400px;
    object-fit: cover;
    aspect-ratio: 5 / 3;
}
#garden-project-grid h2 {
    font-size: 2em;
    margin-block: 0.375em;
}
#garden-project-grid .designer-tag {
    display: flex;
    column-gap: 0.75em;
}
#garden-project-grid .designer-tag p {
    margin-block: 0 0.5em;
}
#garden-project-grid .designer-tag span {
    font-size: 3em;
    color: var(--mustard);
    margin-top: -0.575em;
}
#garden-project-grid > h2 {
    grid-column: span 2;
}
@media screen and (max-width: 1024px){
    #garden-project-grid h2 {
        font-size: 1.5em;
    }
}
@media screen and (max-width: 768px){
    #garden-project-grid h2 {
        font-size: 2em;
    }
    #garden-project-grid > h2 {
        grid-column: unset;
    }
    #garden-project-grid {
        padding-inline: 1.75em;
        column-gap: 0.75em;
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 450px){
    #garden-project-grid h2 {
        font-size: 1.5em;
    }
    #garden-project-grid {
        padding-inline: 1em;
    }
}