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

smriti chawla
smriti chawla
2,566 Points
Posted by smriti chawla
smriti chawla
2,566 Points

Hi guys, working to recreate a site similar to this: http://jonchretien.com/ to practice my skills and need help.

I've figured out most of the stuff. Check my workspace here: https://w.trhou.se/lsndq2lcxx

Need help with two things:

  1. I am unable to add the double border before the "I am also a photographer" text (as shown in the main website). I know the styling I need to give for the border. The only problem is inserting it at the right place. I tried many times but nothing is working. The border keeps on showing up at the wrong places.

  2. Can someone tell me how do I add the space between the two text statements in the footer section?

Would really appreciate the inputs. Thanks!

2 Answers

Daniel Houghton
Daniel Houghton
4,334 Points
Daniel Houghton
Daniel Houghton
4,334 Points

Hey there, not too sure what you mean in your first point as the double border seems to be showing for me (unless I'm not seeing the one your on about).

With the second point however, I tinkered with your code and separated the <p> into two separate paragraphs and gave them an ID in the html. I then used " display: inline-block " to make them two separate blocks that are able to sit next to each other. I then used " padding: ..... " till I got it to match the link you provided.

....may be an easier way to do it but it does work.

also if its the top-border not showing how you wanted, have you tried adding it with a bottom border using the gallery above it?

smriti chawla
smriti chawla
2,566 Points
smriti chawla
smriti chawla
2,566 Points

Thanks. For the first one I created a separate class and added the border above it.

For the second one, I tried your method, didn't work for me. Maybe I didn't do it right. But then I created a span element and added the styling as "margin-right:35%." You can check the updated workspace here if you want: https://w.trhou.se/yvxrbvk451

Thanks for your inputs though.