Design comparison
Solution retrospective
The only thing I couldn't solve is the 'dialog' badge that displays the remaining storage. I couldn't find a way to add the dialog thingy at the bottom right corner, so I just left it rounded. How could I solve this?
Also, I don't know what is the best way to create the progress bar. I personally used two <div>s and the ::after pseudo-element, but maybe there's a better way using the <progress> HTML element (I struggled a lot with this way, so I just used <div>s)
Community feedback
- @palgrammingPosted over 3 years ago
You should change your main desktop background size from contain to
background-size: 100vw 50vh;
0@gonzabaletaPosted over 3 years ago@palgramming yes, that sounds better. Thank you!
0
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