.recent-ratings {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--light_green);
    border-radius: 10px;
}

.recent-ratings > .rating {
    display: inline-grid;
    grid-template-columns: auto auto auto;
    row-gap: 5px;
    width: 33.33%;
    background-color: var(--yellow);
    padding: 15px;
    border-radius: 10px;
    margin: 10px;
}

.recent-ratings > .rating > * {
    overflow: hidden;
    overflow-wrap: break-word;
}

.recent-ratings > .rating > .user {
    grid-area: 1 / 1 / 2 / 2;
}

.recent-ratings > .rating > .location {
    grid-area: 1 / 2 / 2 / 3;
}

.recent-ratings > .rating > .date {
    grid-area: 3 / 2 / 3 / 3;
}

.recent-ratings > .rating > .acidity {
    grid-area: 4 / 1 / 4 / 1;
}

.recent-ratings > .rating > .acidity-rating {
    grid-area: 4 / 2 / 4 / 3;
}

.recent-ratings > .rating > .sprightliness {
    grid-area: 5 / 1 / 5 / 1;
}

.recent-ratings > .rating > .sprightliness-rating {
    grid-area: 5 / 2 / 5 / 3;
}

.recent-ratings > .rating > .naturality {
    grid-area: 6 / 1 / 6 / 1;
}

.recent-ratings > .rating > .naturality-rating {
    grid-area: 6 / 2 / 6 / 3;
}