CSS not working properly

1
Portfolio by Sean

Portfolio

Lion
Lion2880×1800 820 KB

Sean Murphy

Welcome

This is my second Prodject and I am practicing

 <p>I am currently learning Html, CSS and Javascript.</p>

 <p>Web developer Learning Front-End</p>

<!-- contact Section -->

Contact Me 

<label for="NAME"></label>
<input type="text" placeholder="Name" required>
<br>
<label for="EMAIL ADDRESS"></label>
<input type="email" placeholder="Email Address" required>
<br>
<label for="PHONENUMBER"></label>
<input type="tel" placeholder="Phone Number" required>
<br>
<label for="MESSAGE"></label>
<input type="text" placeholder="Message" required>
<br>
<input type="submit">

CSS

body {
background: url(http://www.planwallpaper.com/static/images/Cool-Wallpapers-Background-HD-Wallpaper_toh7Zt9.jpg);
}

p {
color: rgb(200, 200, 200);

}

#main{
color: blue;
}
#main1{
color: green;
}

#main2 {
color: yellow;
}

a {
color: lightblue;
}

ul {
color: white;
}

.grid_element {
display: inline-block;
width: 300px;
height:200px;
zoom: 1; /* for IE /
display:inline; /* for IE */
}

body {
border-style: groove;
border-color: rgb(100, 200,0);
padding-top: 10px;
padding-right: 50px;
padding-bottom: 10px;
padding-left: 100px;
}

h1 {
background: lightblue;
}

ul {
** border: 1px solid #555;**
}

li {
** text-align: center;**
** border-bottom: 1px solid #555;**
}

li:last-child {
** border-bottom: none;**
}

2

I am trying to use CSS to make a navigation bar at the top of the web page and some are not taking any effect.

3

See if this helps get you started: https://www.w3schools.com/Css/css_navbar.asp

You should also use a class or ID with your the UL, so the styles aren’t applied to all ULs.

4

@bhammond Thank you matey the link helped a lot.