Design comparison
Solution retrospective
It shows quite different in compare section. https://anlpk.github.io/fylodatastoragecomponent/ here is bit better. Any feed back about bottom of the white box (185 GB LEFT PART) I could not done the corner.
Any feedback more than welcome!
Community feedback
- @LaplaceXDPosted over 4 years ago
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; }
2
Please log in to post a comment
Log in with GitHubJoin 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