@media (max-width: 48rem) {
    body {
        padding: 0;
    }

    .recipe-card {
        max-width: 100%;
        border-radius: 0;
        padding: 0;
    }

    .recipe-header img {
        border-radius: 0;
    }

    .recipe-content {
        padding-inline-end: 3rem;
        padding-block-end: 3rem;
        padding-inline-start: 3rem;
    }

    .recipe-title {
        font-size: 3rem;
        line-height: 3rem;
    }

    .section-title {
        font-size: 2.5rem;
    }

    .section-nutrition td.nutrition-item {
        padding-inline-start: 3rem;
    }

    .section-nutrition td.nutrition-value {
        text-align: left;
        padding-inline-end: 2rem;
    }
}