Fylo data storage component using Flexbox
Design comparison
Solution retrospective
Any feedback is welcome :)
Community feedback
- @Augs0Posted over 4 years ago
This is really nice. It looks clean and responds nicely. Like the challenge says, how about trying some animation when the page loads e.g. the bar fills from 0 :)
0@SathishVMPosted over 4 years ago@Augs0
It's a good question of how the bar fills from 0. My strategy is using setTimeout in javascript. It may help you
0@RadigarHubPosted over 4 years ago@Augs0 thanks for tour feedback ;). I could try some animations later.
0@RadigarHubPosted over 4 years ago@sathishvm yes, It can be a starting point. Ty.
0@Augs0Posted over 4 years ago@RadigarHub @sathishvm yeah absolutely. It can be done with JS, but it could also be done with CSS. You could use animation to have the inner part of the bar move from one width to another. So, for example, your inner bar might start from being 0px wide, then an animation occurs that makes the width grow, giving the impression of the bar loading. Does that make sense?
0@RadigarHubPosted over 4 years ago@Augs0
Yes, I like your approach more because this way the project instructions to use only html and css would be respected. I will try to do it this way, thanks.
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