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

CSS CSS Basics (2014) Enhancing the Design With CSS Border Radius

Arvind Kevin Arjun Sharma
Arvind Kevin Arjun Sharma
8,272 Points
Posted by Arvind Kevin Arjun Sharma
Arvind Kevin Arjun Sharma
8,272 Points

Let's give the .wildlife div rounded corners! Add the shorthand property for setting rounded corners.

/* Complete the challenge by writing CSS below */

.wildlife { border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 20px; border-bottom-left-radius: 5px; }

style.css 
/* Complete the challenge by writing CSS below */

.wildlife {
  border-top-left-radius: 20px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 5px; 
}
index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
        <div class="primary-content">
      <div class="wildlife">
        <h2>Check out all the Wildlife</h2>
        <p>
          As spawning season approaches, the fish acquire a humpback and protuberant jaw. After spawning, they die and their carcasses provide a feast for gatherings of <a href="#mink">mink</a>, <a href="#bears">bears</a>, and <a href="#eagles">bald eagles</a>.
        </p>
      </div><!-- End .wildlife -->
        </div><!-- End .primary-content -->
  </body>
</html>

5 Answers

Christopher Loyd
PLUS
Christopher Loyd
Courses Plus Student 5,806 Points
Christopher Loyd
Christopher Loyd
Courses Plus Student 5,806 Points

I think it's looking for this:

.wildlife {
border-radius: 20px 5px;
}

That would be the shorthand notation for listing out all 4 border-radius properties.

Arvind Kevin Arjun Sharma
Arvind Kevin Arjun Sharma
8,272 Points
Arvind Kevin Arjun Sharma
Arvind Kevin Arjun Sharma
8,272 Points

Is there something i do wrong Ladies & Gentleman???

Yosef Ali
Yosef Ali
15,182 Points
Yosef Ali
Yosef Ali
15,182 Points

Thank You Christopher

Rafael silva
Rafael silva
23,877 Points
Rafael silva
Rafael silva
23,877 Points

the right answer is :

.wildlife{

border-radius: 20px 5px 20px 5px ; }

this is right!

Enock Manyatera
Enock Manyatera
7,900 Points
Enock Manyatera
Enock Manyatera
7,900 Points

.wildlife { border-radius: 20px 5px 20px 5px ; }