Design comparison
Community feedback
- @Senkuu-MidoriyaPosted about 2 years ago
Hi @HatimHJ, a wonderful webpage you have got here which look very good. I especially like the logo components next to the actual bar which look almost exactly like the design.
If I may, I have a few pieces of advice: 1). there is a button with go and reset and an input, I am not sure why this is, but I could see how you could implement it into the design, perhaps make it so that the user could use it to say how much storage they have used. 2). add a bit more styling such as a border radius and custom padding, widths, heights, etc. to make the UI a but more good looking, such as on the upload button and the file button where you can add a border radius which would help the design look even better, a bit more styling here and there with better placed out components can make you webpage look even better! 3). add a cursor pointer to the buttons, to make the user know that they can click on it. 4). if you make the size of the icons smaller or make the buttons bigger the design will look much more refined. 5). add the bar with the gradient to the progress bar, this can be done with making the dark blue bar with a div, and inside of that adding the gradient progress bar, and for the circle you add an an after element with a border radius of 50% to make the circle.
I hope this advice helps you, and I can't wait to see more webpages like this with you touch added to it to make it even more usable and functional.
Thanks for sharing you webpage with us and allowing us to learn from it as well, aDev
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