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
Maleka Blake
1,814 PointsHow do you add border codes to specific sections/paragraphs?
Current HTML codes:
<!doctype html> <html> <head> <link href="styles.css" rel="stylesheet"> </head> <body>
<p class="main-pg" >My amazing website</p>
}
</body> </html>
Border code I created is {border: 4px, solid, red} or { border: border-style: solid; border-width: 4px; border-color: red; }
I have tried a few other variations but continue getting error message that CSS curly line is missing or to add red border to paragraph element. I also switch between index.html or style tabs. Please help and thank you in advance.
1 Answer
Brandon Spangler
8,756 PointsA selector has syntax kinda like this:
element{
//code goes here
}
You're missing the .main-pg part before the curly brackets of your class selector. How do you expect the css to know what element it's styling?! Try something like:
.main-pg{
border: 4px solid red;
}
Maleka Blake
1,814 PointsMaleka Blake
1,814 PointsThank you! I entered .main-pg part. My mistake was attempting to separate the border codes into it's own element. I am learning coding terminology and your answer was super helpful and well understood.
Brandon Spangler
8,756 PointsBrandon Spangler
8,756 PointsI'm glad I could help! The terminology gets easier the more you hear/see it! Good luck!