Recipe

Centering Your Content

To center your content, you can use Flexbox:

body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

Nutrition Section Tip

For the nutrition section, it's better to use a table for semantic clarity and better understanding:

<table>
    <tr>
        <td>Calories</td>
        <td class="values">277kcal</td>
    </tr>
    <tr>
        <td>Carbs</td>
        <td class="values">0g</td>
    </tr>
    <tr>
        <td>Protein</td>
        <td class="values">20g</td>
    </tr>
    <tr>
        <td>Fat</td>
        <td class="values">22g</td>
    </tr>
</table>