How To Make Triangles Using CSS

In this video, we will create some triangle using CSS.
------------------- Our Site -----------------------
How to make triangles post.
---------------------------------------------- TheMindSpeaks's Social

[Themindspeakss]

This video is about triangles and next video will be about triangle and circle (combo). Stay tuned for that.
You should go and check our blog, we will be adding more stuff there as well.

[mounssifkoumila]

You make it simple and easy to understand in less than 2 minutes !
Thanks man

[ZZZ]

Why is the upper part of my triangle not pointed? I hope you can answer my question

[zlotyyy]

you can make equiliteral triangle like so:

:root {
--tSize: 50px;
--sqrt3: 1.732;
}

.triangle {
width: var(--tSize);
height: var(--tSize);
border-left: var(--tSize) solid transparent;
border-right: var(--tSize) solid transparent;
border-bottom: calc(var(--tSize) * var(--sqrt3)) solid black;
}

[aadithecool]

This really makes the "Indian guy on YouTube" memes come to reality. Amazing!
Also, what did you use to edit? I want to start my own YouTube channel and your videos look very good!

[yofi]

Am i the only one that after putting for the first time border-bottom data i DID get a huge rectangle? in the he says we get nothing

[ejiwumibasirabiodun]

You really did amazing work… just as simple as that🎉❤❤❤

[pendek]

Okay how to set it as background cause it goes under the content. I want the content in triangle