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

Posted by Jonathon Young
Jonathon Young
7,193 Points

My image remains square regardless of CSS instructions.

CODE

CSS: "body { font-family: "Arial";

}

.main-img{ border: solid 4px black; border-radius: 50%; }"

HTML "<img src="http://placeimg.com/640/480/any" alt"Jonathon, XXX, XXX" class="main-img">"

1 Answer

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

You have an error in your HTML syntax for the img tag. You are missing the = sign after the alt attribute and before its value.

  <img src="http://placeimg.com/640/480/any" alt="Jonathon, XXX, XXX" class="main-img">

body {
  font-family: "Arial";
}

.main-img { 
  border: solid 4px black;
  border-radius: 50%; 
}

When trying to share code with the markdown reference, don't use " use ``` followed by the language name. You can see examples if you click the link to the Markdown Cheatsheet reference below on this page.