CSS not working properly

Portfolio by Sean


Sean Murphy


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>
<label for="EMAIL ADDRESS"></label>
<input type="email" placeholder="Email Address" required>
<label for="PHONENUMBER"></label>
<input type="tel" placeholder="Phone Number" required>
<label for="MESSAGE"></label>
<input type="text" placeholder="Message" required>
<input type="submit">


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

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


color: blue;
color: green;

#main2 {
color: yellow;

a {
color: lightblue;

ul {
color: white;

.grid_element {
display: inline-block;
width: 300px;
zoom: 1; /* for IE /
: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;**


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.


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.


@bhammond Thank you matey the link helped a lot.