This article explains how to do it and what's going on when you apply the code suggested above: https://css-tricks.com/snippets/css/css-triangle/
1
Alex• 310
@AlexGanderton
Posted
@dwhenson Ah OK thank you this is so helpful!!
0
Design comparison
Solution retrospective
I couldn't quite figure out how to get the little triangle on the bottom of the storage left area. My guess would be to use an svg of sorts but I'm not quite sure. If anyone has a way of doing it, any feedback will be greatly appreciated!
Community feedback
Atharva Shandilya• 160
@Atharva-Shandilya
Posted
You can create a triangle purely using css. I think you can use something like this.
width: 0px;
height: 0px;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 150px solid white;
You can adjust the size of the triangle by changing the border-width.
0
Alex• 310
@AlexGanderton
Posted
Ah I see I will try that on next attempt. Thanks!
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord