
Alicia Warren- Campbell
1,075 PointsI need help with style.css. Editing the body styling font size to 0.75em and the color to #066
Editing body styling ( style.css)
/***********************************************
Top bar color
***********************************************/
html { border-top:65px solid #4D7094 }
border-top: 20px solid #8A85A5;
}
/***********************************************
Body styling
***********************************************/
body {
max-width: 600px;
margin: 0 auto;
padding: 20px 20px;
font-size: 0.75em;
line-height: 1.6em;
font-family: Helvetica Neue, Helvetica, Arial, serif;
color: #066;
font-weight: 300;
}
.centered {
text-align: right;
}
/***********************************************
Image styling
***********************************************/
img {
border-radius: 100%;
max-width: 340px;
}
/***********************************************
Headline styling
***********************************************/
h1 {
font-size: 1.5em;
line-height: .5em;
color: #564581;
}
h2 {
font-size: 1em;
line-height: 1em;
font-style: oblique;
color: #aaa;
}
h3 {
font-size: .875em;
line-height: 1em;
font-weight: normal;
}
h4 {
margin-top: 60px;
font-weight: 500;
color: #564581;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>All About Joy's Page</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet">
</head>
<body>
<img src="sam.jpg" alt="Sam">
<h1>My Name</h1>
<h2>My Profession</h2>
<h3>Where I Live</h3>
<h4>What I do:</h4>
<p>I'm a teacher at Treehouse, but you should write in what you do here!</p>
<h4>What I enjoy doing:</h4>
<p>When I'm not writing code, I like to surf and play music. Your turn, write in something that makes you happy, or things you like to do in your free time.</p>
</body>
</html>
2 Answers

Jacob Proffer
24,603 PointsHey Alicia,
You have a few issues with your html selector.
Change this:
html { border-top:65px solid #4D7094 }
border-top: 20px solid #8A85A5;
}
To this:
html {
border-top: 65px solid #4D7094;
}
See how you had two border-tops declared? There is also a missing semi-colon (;) and an unneeded closing curly brace (}). Hope this helps.

Alicia Warren- Campbell
1,075 PointsThank you so much, I see the mistake now.