Skip to content
Submitted about 2 years ago

Fylo data storage component

Kalhara Sandaruwan•190
@Impodays
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

How to add boarder to bottom-left-corner in clip path ? I couldn't find it. Normal border is not working. Help me ? and I feel my design in less responsive. Any tips ?

Community feedback

  • Miran Legin•680
    @miranleginPosted about 2 years ago

    Hi Kalhara,

    you can create border with this snippet on pseudo element and position it below the container:

    border: 11px solid #fff;
border-left-color: transparent;
border-bottom-color: transparent;

    General idea is that you create square with transparent bottom and left corners and the result is triangle shape.

    More info: CSS Triangle on CSS-Tricks

    Keep coding!

    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