Tea Cozy project. Help!

Hello Everyone!

I’ve almost finished this project, but there are some moments that I don’t understand.

In the locations section, we have to adjust 15px space under <h2> Location</h2> . I have deleted all margins and paddings,
the height of the elements is fit-content, but I steel have some space there. What is it?


 <div class="locations">
                <li class="address"><h3>Downtown</h3>
                    <p>384 West 4th St Suite 108 Portland, Maine</p>
                <li class="address"><h3>East Bayside</h3>
                    <p>3433 Phisherman's Avenue (Northwest Corner) Portland, Maine</p>
                <li class="address">
                    <p>515 Crescent Avenue Secound Floor Portland, Maine</p>


.locations {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    min-height: 500px;
    margin: 30px auto;
    justify-content: center;
    background-image: url(./res/img/img-locations-background.jpg);

.locations h2 {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0;

.locations ul {
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
    height: fit-content;

.address {
    width: 300px;
    height: 300px;
    text-align: center;
    background-color: black;
    margin: 15px 20px;

I am really looking forward to your Feedbacks!
Thank you!

GitHub Pages