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