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

Mobile first Sass

OK169 605

@olgak169

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


Any feedback is welcome

Community feedback

Rayane 1,935

@RayaneBengaoui

Posted

Hello OK169,

Congrats for completing this challenge ! 🙂

I would like to suggest :

  • Add box-shadow property on your containers. I'm not sure about this point, but it seems to have a little shadow on the design image.

  • Handle cross browser compatibility for the slider input. For me, it works well in Firefox, but in Chrome and Edge the value of the slider goes to 100 instead of 81.5.

Overall, well done for the challenge and happy coding ! 😃

0
P
tediko 6,530

@tediko

Posted

Hello, OK169! 👋

Good job, your solution looks good! I would suggest adding aria-label to your anchor tags with icons.

Good luck with that, have fun coding! 💪

0

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