Recipe Main Page HTML CSS

you have done a wonderful job @scarlet-azure...

however, it seems the padding main page container is kinda much. this section of the code below, you can reduce the padding to like 40px

.main-page {
    background-color: hsl(0, 0%, 100%);
    width: 40%;
    margin: auto;
    padding: 60px;
    border-radius: 20px;

you can also work on responsiveness, so it can be responsive across many devices. how i wish i could provide a link or resources to study media queries, but still you can make research on how to use media queries for making responsive design.

Goodluck scarlet-azure, a nice job you've done here..