Fylo data storage component

Hello Anil,

First off, good job on what you have done, the code is quite readable, and you followed the design pretty well.

For the bottom white box, I suggest making use of a pseudo-element, like ::before or ::after, and then making use of transform: skew, to get the desired shape. Also make sure to have its position: absolute, so you can position it freely with bottom, and left.

If you want the code in implementing that, I have pasted it below, cheers!

.white::before { content: ""; position: absolute; right: 0; bottom: -0.5em; transform: skewY(45deg); background-color: white; width: 1em; height: 2em; }