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) Make It Beautiful With CSS Select and Style Multiple Elements by Class

I can't see the problem. Background and goals are not centered, and there is no border?

here is my code... please help

.card-title= { text-align: center; border: solid black 3px; border-radius: 10px; }

<h2 class="card-title"> Background </h2>

<h2 class="card-title">Goals</h2>

3 Answers

Cameron Childres
Cameron Childres
11,820 Points

Hey Amy,

Remove the equal sign after .card-title so it looks like this and you should be sorted:

.card-title { 
  text-align: center; 
  border: solid black 3px; 
  border-radius: 10px;
 }

I have the same issue, this is my screenshot. CANT SEE what is wrong

.card-title= { text-align: center; border: solid black 3px; border-radius: 10px; }

just saw the = sorry