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 qasimalbaqali
qasimalbaqali
17,839 Points

Triangular css not touching

Im trying to make the triangular shapes made by css to touch on the ends. On the left of the second triangle there is space between the top and the one under it on the left side. I want them to touch and cover the space between them so it's like 2 triangle joined together.

Here is the codepen.

http://codepen.io/anon/pen/WbGOeV

(With normalize.css)

Joseph Fusco
Joseph Fusco
9,577 Points

I'm not really understanding this one Qasim. Can you please rephrase?

qasimalbaqali
qasimalbaqali
17,839 Points

Already figured it out but I appreciate your reply. I meant that the two triangles the top one and the bottom one should touch each other, and the bottom triangle should fill half of it's size like it should stretch it self until it covers the width of the page.