Skip to content
Submitted over 4 years ago

One small problem.

Alex•310
@AlexGanderton
A solution to the Fylo data storage component challenge
Preview (opens in new tab)Code (opens in new tab)

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!

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Dave•5,295
    @dwhenson

    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/

  • Atharva Shandilya•160
    @Atharva-Shandilya

    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.

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