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

CSS

Posted by Kellen James
.a{fill-rule:evenodd;}techdegree
Kellen James
Front End Web Development Techdegree Student 1,934 Points

How to move paragraphs around on personal portfolio page and create good spacing?

https://w.trhou.se/nlibnewpde

1 Answer

Casey Antoine
PLUS
Casey Antoine
Courses Plus Student 5,174 Points
Casey Antoine
Casey Antoine
Courses Plus Student 5,174 Points

just glancing over the code that you have, all of your p tags are all within the same element.. though be aware your starting div tag on line 31 is incorrect and doesn't begin the div element

</div>
    <h3>Background</h3>

I would suggest breaking up your p tags and headers into individual div elements allowing you to play more with the layout that you want. That would allow you to float them side by side, give each individual classes and style them differently, and so on.

Hope this helps.

Kellen James
.a{fill-rule:evenodd;}techdegree
Kellen James
Front End Web Development Techdegree Student 1,934 Points

Thanks for the advice. I am having a hard time using div elements with this code. It seems that I keep having tags that have not been opened and closed correctly.

Casey Antoine
Casey Antoine
Courses Plus Student 5,174 Points

Glad I could help. My personal way of making sure I have an opening closing tag is to make both on the same line:

<div></div>

then once I make sure I have an open and a close tag of that element I'll clear one to the next line and start working within that element

<div>
...
</div>