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 Christina Ngiralmau
.a{fill-rule:evenodd;}techdegree
Christina Ngiralmau
Front End Web Development Techdegree Student 535 Points

I tried to center Background, didn't work and now my font size is the same as the content.

My html and css rules look exactly like the video. I've gone over and over and can't seem to find where I went wrong, much less how to go back.

martinjones1
.a{fill-rule:evenodd;}techdegree seal-36
martinjones1
Front End Web Development Techdegree Graduate 44,824 Points

Hi Christina,

If possible, please can you post a copy of the HTML and CSS or a link to your workspace and I will take a look.

Thanks,

Martin

Jelena Feliciano
seal-mask
.a{fill-rule:evenodd;}techdegree
Jelena Feliciano
Full Stack JavaScript Techdegree Student 12,729 Points
Jelena Feliciano
.a{fill-rule:evenodd;}techdegree
Jelena Feliciano
Full Stack JavaScript Techdegree Student 12,729 Points

I'm having the same issue it looks exactly like she did it. Except I couldn't get the tab to go over to the exact placement as hers without hitting tab twice... I'm not sure if that's what I'm doing wrong but I've tried the other ways and still can't manage to get it centered.

Steven Parker
Steven Parker
231,198 Points
Steven Parker
Steven Parker
231,198 Points

Start a fresh question, and provide a snapshot link to your workspace in it.

3 Answers

Steven Parker
Steven Parker
231,198 Points
Steven Parker
Steven Parker
231,198 Points

In your final rule, there's a stray colon in the selector after ".card-title", which causes that rule to be ignored. Remove the colon and it will work.

And if you also want "Goals" to be handled the same way, you can add class="card-title" to the HTML tag for it.

Also, a tip for future questions, just one snapshot shares the entire project.

Christina Ngiralmau
.a{fill-rule:evenodd;}techdegree
Christina Ngiralmau
Front End Web Development Techdegree Student 535 Points

thanks, I appreciate your help.

Christina Ngiralmau
seal-mask
.a{fill-rule:evenodd;}techdegree
Christina Ngiralmau
Front End Web Development Techdegree Student 535 Points
Christina Ngiralmau
.a{fill-rule:evenodd;}techdegree
Christina Ngiralmau
Front End Web Development Techdegree Student 535 Points

Hi Martin,

Here is my workspace link: https://teamtreehouse.com/workspaces/40949235

Thank you! I'm new to coding in general; any feedback is welcome.

Christina

Steven Parker
Steven Parker
231,198 Points
Steven Parker
Steven Parker
231,198 Points

Live workspace URL's are only temporary (this one already expired), but you can create a persistent link if you make a snapshot of your workspace and post that link here.

Christina Ngiralmau
seal-mask
.a{fill-rule:evenodd;}techdegree
Christina Ngiralmau
Front End Web Development Techdegree Student 535 Points
Christina Ngiralmau
.a{fill-rule:evenodd;}techdegree
Christina Ngiralmau
Front End Web Development Techdegree Student 535 Points

Okay, so the Background heading is fixed but still not centered. Here are the snapshots: https://w.trhou.se/wzmtlp6gek https://w.trhou.se/ap7lurcvqb