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.


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.


(With normalize.css)

Joseph Fusco
Joseph Fusco
9,577 Points

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

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.