Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

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

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

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.