I cant get rid of the of the bullets in the un ordered lisit

hello i really feel dumb right now

no matter what i try i cant get rid of the bullet points what am i doing wrong?

body {

background-color:beige;

}

/* header styles*/

#moralis-reference {

text-shadow: 2px 2px 7px darkgray;

}

.dashed-border {

border: 2px dashed darkblue;

}

.column-container {

display: flex;

}

.column {

width: 40%;

}

button{

border: none;

box-shadow: 3px 3px 7px rgb(44, 44, 44,0.6);

cursor: pointer;

}

form {

padding: 15px;

border: 2px solid black;

margin: 30px;

}

[type= text] , [type=number], [type=password] {

padding: 8px;

}

@media screen and (min-width: 400px) {

.header-container{

    display: flex;



}

.logo {

    padding-left: 25px;

    width: 30px;

   

    }

   

    .main-nav {

   

        width: 70%;

   

    }

   .menu-list  {

    list-style-type:none;

    display: flex;

    justify-content: flex-end;

    padding-right: 30px;



}



.menu-item {

    margin: 20px

}

}

@media screen and (min-width: 768px) {

.logo {

    padding-left: 75px;

}

.menu-list {

    padding-right: 90px;

}

}

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title> Web layout</title>

<link rel="stylesheet" href="./styles.css">
<div class="header">

</div>

<header class="header-container">

    <h1 class="logo">logo</h1>

    <ul class="menu-list">

            <li class="menu-item"><a href="#">Home</a></li>

            <li class="menu-item"><a href="#">About</a></li>

            <li class="menu-item"><a href="#">Contact</a></li>

        </ul>

</header>

<main>

    <section> </section>

    <aside>

        <p>by the way....</p>

    </aside>

    <article>

    <h2> article heading </h2>

        <section>

            <p>

                <P>

                    <p>Lorem <span>ipsum</span> dolor sit amet.</p>

                </P>

            </p>

        </section>

    </article>

</main>

<aside>

here be banners and adds....

</aside>

<footer>

    <p>copyright &copy; 2022 jeremiah forsythe</p>

    <nav>

        <ul>

            <li><a href="#"> Home</a></li>

            <li><a href="#"> About</a></li>

            <li><a href="#"> Contact</a></li>

        </ul>

    </nav>

</footer>
1 Like

in your css for menu-list use list-style: none

1 Like