Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Jordan Arce
seal-mask
.a{fill-rule:evenodd;}techdegree
Jordan Arce
Front End Web Development Techdegree Student 818 Points

picture will not become round and no border will show up

this is what my .css looks like

body {
font-family: "arial";
}
.main-image {
    border: solid 4px black;
    border-radius: 50%;
}

and my html looks like this

<!doctype html>
<html>
<head>
  <title> Robert Arce's resume</title>
  <link rel="stylesheet" href="resume.css">
  </head>
<body>
  <img src="http://placeimg.com/200/200/tech" alt="robert arce, web developer" class="main-image">
    <h1> Robert Arce, Aspiring web developer </h1>
    <h2>summery of Qualifications</h2>
  <ul>
  <li>experience as a freelance web developer</li>
  <li>experience with html, css and java script</li>
  <li>baking and pastry chef</li>
  </ul>
</body>
</html>
Austin Whipple
Austin Whipple
29,725 Points

I've updated your question to format the HTML and CSS code blocks a bit. Be sure to check out the Markdown Cheatsheet below the text editor for more information.

1 Answer

hi,

rename yours

href="resume.css"

to

 href="styles.css" 

and it will work since your code is good and you just need to point to right stylesheet...

hope it helps :)