Tea Cozy project. Help!

Projects Off-platform Practice Projects
1

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?

html:

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

CSS:

.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;
    height:fit-content;
}

.locations ul {
    display: flex;
    flex-wrap: wrap;
    margin:0;
    padding:0;
    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
GitHub Pages