Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Data Component with HTML and CSS

@rohitd99

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi everyone, this challenge was particularly difficult for me , I have tried my best to make it responsive but I know it's not up to the mark. Also I was clueless on how to do progress bar and the floating component so I went online and took a sneak peek into someone's solution . So can someone please guide me on how to this challenge in a better way?

Also how can I move the background-image relative to it's position?

say background-position: bottom now the image is at the bottom but I want to move it further down or up relative to the bottom position.

Is it okay to take a peek into a code which is similiar? Other than that all your suggestions are welcome!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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