#7 Please follow the instruction on the full preview page to test your code

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

https://www.codecademy.com/courses/web-beginner-en-9x6JW-WnAFv/0/7?curriculum_id=50579fb998b470000202dc8b

<In what way does your code behave incorrectly? Include ALL error messages.>
Missing List Item
Header
Paragraph

When I try to create a resume it is saying that I am missing items in which I know that I have in my resume. Please help as I do not know what is incorrect in this exercise and I do not know what I am doing wrong.

HTML :

 <!DOCTYPE html>
 <html>
 	<head>
 		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
 		<title></title>
 	</head>
 	<body>
 	<div id="header">
 	<h1 id="HLEFT">Christian 123-12345 </h1>
 	<h1 id="hcenter"> Resume</h1> 
     <h1 id="HRIGHT">[email protected]</h1> 
 	</div>
 	<div class="left">
 	<h2 id="field"> Field: </h2>
 	<ul class="border">
 	    <li>CodeCademy</li>
 	</ul>
 	<p> Codecademy is where I am learning how to code</p>
 	</div>
 	<div class="right">
 	<h2 id="date"> Date: </h2>
     <ul class="border">
         <li>
         04/22/2016
         </li>
     </ul>
 	</div>
 	<div id="footer"> <h1> Footer <h1>
 	</div>
 	</body>
 </html> 

CSS :

 body {
      background-color: grey;
 }

 div {
     border-radius: 5px;
 }

 #header {
          position: fixed;
          z-index: 1;
          background-color: gold;
          width: 100%;
          height: 5%;
          }
          

 .left {
         float: left;
         background-color: red;
         width: 25%;
         height: 92%;
         margin-top: 3%;
 }

 .right {
         float: right;
         background-color: green;
         width: 25%;
         height: 92%;
         margin-top: 3%;
 }

 #footer {
         clear: both;
 }

 h1  {
     display: inline;
 }

 #hright {
     margin-left: 22.5%

 }

 #hcenter    {
     margin-left: 22.5%
 }

 #field {
     margin-left: 40%;
 }

 #date {
     margin-left: 45%;
 }

 .border {
     border: 2px solid blue;
}

Are you sure this is the lesson url ? https://www.codecademy.com/courses/web-beginner-en-9x6JW-WnAFv/0/7?curriculum_id=50579fb998b470000202dc8b

As this lesson just requires a: paragraph, header, list. You have all of that I tested with your code and it passed. Reset and paste in or refresh

2 Likes

I just reset and copy and pasted and it still gives me errors. The error it gives me this time is that I did not include any lists.

Did you change your code?

No it’s the exact same.

the items needed in the exercise (list, headings, paragraphs), you should have a few without attribute (attributes are: class, id, style and so on)

1 Like

Once I added a list item without a attribute it worked, thanks.

By any chance I wanted to create a section in between my field and date div’s and I was having a hard time actually being able to place a border between the two would you have any suggestions on how I would be able to do that?

Also on my footer I was not able to get a border around it without misaligning everything else.

simple float the 3 elements to left, this will position them correctly.

placing a border around the footer is easy, as i did here.