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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![Michael Bartol](https://uploads.teamtreehouse.com/production/profile-photos/619652/micro_mike.jpg)
Michael Bartol
2,399 PointsHi I have the question: Using a percentage, make the paragraph half its current with. I am using width: 50%;
Hi -
I am stuck.
I am using:
p {
width: 50%;
}
and its not allowing me to move forward and its asking me to check my CSS. What can I do?
Thanks
<!DOCTYPE html>
<html>
<head>
<title>Numeric and Textual</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<p>
<strong>Aesthetic post-ironic quinoa sartorial, wes anderson twee next level before they sold out fanny pack farm-to-table scenester.</strong> Godard fixie sartorial, keytar bicycle rights gluten-free odd future 8-bit mustache cred. Cred bushwick street art leggings fap DIY. 8-bit fanny pack quinoa vinyl art party jean shorts. Fingerstache, biodiesel kale chips narwhal pinterest tofu echo park pour-over fap raw denim craft beer. Truffaut raw denim, pop-up PBR pork belly mustache food truck cred carles synth. DIY sustainable craft beer, polaroid leggings messenger bag lo-fi twee. Keffiyeh thundercats semiotics, kogi officia tattooed gastropub viral ut skateboard street art.
<a href="#">Read more »</a>
</p>
</div>
</body>
</html>
/* Write your CSS below */body {
font: normal 1.em/1.5 sans serif;
padding: 2em 0;
}
div {
width: 800px;
padding: 2em;
margin: auto;
margin-top: -8em;
background-image: url(" bg.jpg");
}
p {
color: red;
}
a {
color: inherint;
}
strong {
color: initial;
}
div: after {
content: "A string is cool";
font-size: 1.53m;
color: blue;
}
p {
width: 50%;
}
1 Answer
![Christian Andersson](https://secure.gravatar.com/avatar/ad6caf1dab53bb3ac10dff40ed3f0b7b?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Christian Andersson
8,712 PointsYou have a lot of CSS code that doesn't seem to be part of the code-challenge, and you have some syntax errors as well. Either of these might be causing the code-challenge not to pass.
Here is the CSS when I tried:
strong {
color: initial;
}
div.wrapper {
background-image: url('img/bg.jpg');
}
p {
width: 50%;
}
Try that.
Michael Bartol
2,399 PointsMichael Bartol
2,399 PointsYour right, it was too much code.
Thank you!