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 by Class

Posted by Jose Solorzano Jr
Jose Solorzano Jr
Courses Plus Student 529 Points

I can't center the background or put a border on it. here is my snapshot: https://w.trhou.se/8qhn6a6564

How can I fix this?

Rodrigo Mendoza Vazquez
Rodrigo Mendoza Vazquez
3,044 Points

check your spelling, and punctuation, sometimes with one extra letter or missing punctuation can cause to not make any changes on your coding.

4 Answers

Rohald van Merode
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff
Rohald van Merode
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff

Hi Jose Solorzano Jr,

Sorry for the confusion there! I just had another look at your code and it seems that the .card-title class currently isn't present in your HTML. Treasure adds this in the video around the 1:00 mark.

After adding the class in your html on line 29 your Background title should become centered and your border will show up 😄

<h2 class="card-title">Background</h2>
Taylor Klar
seal-mask
.a{fill-rule:evenodd;}techdegree
Taylor Klar
Front End Web Development Techdegree Student 677 Points
Taylor Klar
.a{fill-rule:evenodd;}techdegree
Taylor Klar
Front End Web Development Techdegree Student 677 Points

Hello,

I know this question is one month old now but, did you remember to click 'save' on both your .html and .css workspaces?

Rohald van Merode
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff
Rohald van Merode
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff

Hi Jose Solorzano Jr,

The background is set on the header element. You can use the header selector on line 55 and set the border to that element. As for centering the background this is set in the background property on line 57. The background property is a shorthand for a couple of different properties like background-image, background-repeat and background-position. In your code the position is currently set to top center. You could change this to center center to get the image centered in the header element.

I hope this has been helpful 🙂

Jose Solorzano Jr
Jose Solorzano Jr
Courses Plus Student 529 Points

Hi Rohald van Merode,

This didn't fix this, I'm talking about the step where on line 212 we put down .card-title along with the text-align on line 213 and nothing changes after that is done. The work is saved and there is no changes after that.

Joseph Dornoff
PLUS
Joseph Dornoff
Courses Plus Student 942 Points
Joseph Dornoff
Joseph Dornoff
Courses Plus Student 942 Points

I was having this same issue and it drove me nuts (chrome)! All the correct code, lol; I saved both the .css AND the .html sequentially, then refresh the test page - border appeared.