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 trialJose Solorzano Jr
Courses Plus Student 529 PointsI 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?
4 Answers
Rohald van Merode
Treehouse StaffSorry 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
Front End Web Development Techdegree Student 677 PointsHello,
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
Treehouse StaffThe 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
Courses Plus Student 529 PointsHi 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
Courses Plus Student 942 PointsI 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.
Rodrigo Mendoza Vazquez
3,044 PointsRodrigo Mendoza Vazquez
3,044 Pointscheck your spelling, and punctuation, sometimes with one extra letter or missing punctuation can cause to not make any changes on your coding.