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 {



/* header styles*/

#moralis-reference {

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


.dashed-border {

border: 2px dashed darkblue;


.column-container {

display: flex;


.column {

width: 40%;



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) {


    display: flex;


.logo {

    padding-left: 25px;

    width: 30px;




    .main-nav {


        width: 70%;



   .menu-list  {


    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">


<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>




    <section> </section>


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



    <h2> article heading </h2>




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







here be banners and adds....



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



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

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

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



1 Like

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

1 Like