HTML Introduction to HTML and CSS Adding a New Web Page Write the CSS

Janelle Francis
Janelle Francis
6,234 Points

i am typing in code exactly how i see it in the video and i don't see any change happening on the web page.

.color-change{ background color: #82E0AA; padding:5px; .section title{ text-transform:uppercase;

jamesjones21
jamesjones21
9,242 Points

can you please show me your html?

4 Answers

jamesjones21
jamesjones21
9,242 Points

You will need to add a closing curly bracket towards the end of each of your css rules:

I would also do it like a block, it makes it a lot easier to read and debug :)

.color-change{ 
    background color: #82E0AA; 
    padding:5px;
}


 .section title{ 
     text-transform:uppercase;
 }
Janelle Francis
Janelle Francis
6,234 Points

Thank you! I took a screen shot of the css and the html. I wrote the css that way but I am facing an issue.

.color-change{ background-color:#5DADE2; padding:5px; }

.section-title { text-transform:uppercase;

}

Janelle Francis
Janelle Francis
6,234 Points

<DOCTYPE HTML> <HTML> <HEAD> <TITLE>ANIMALS</TITLE> <link rel="stylesheet"href="nature.css" </HEAD>

<BODY>

<img src="http://placeimg.com/200/200/animals" alt="picture of nature" class="main-image">
<h1 class="color-change"> Animals </h1>
<h2 class="section-title">amazing information about animals</h2>
<h3 class="section-title"> reasons why nature is amazing</h3>
<ul>
<li> geraffes have the longest neck</li>
  <li> lions sleep for 20hrs a day</li>
  <li>elephants can paint images</li>
</ul>
</BODY>

</HTML>

jamesjones21
jamesjones21
9,242 Points

your html attributes are also in uppers case, I would change these to lower case to.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
jamesjones21
jamesjones21
9,242 Points

no problem :) if you have any questions, please do reach out and I will be more than happy to answer or help :)

Janelle Francis
Janelle Francis
6,234 Points

Thank you! you were a great help!