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

Fylo mobile first using flexbox and BEM

P
Alonso Vazquezβ€’ 160

@alonsovzqz

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 comments, thoughts, improvements you could add to my solution?

Community feedback

T
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hey, Alonso Vazquez! πŸ‘‹

Your solution looks pretty good and is responsive! Good work! πŸ‘

I suggest,

  • Adding a hover state to the options in the left box would be a nice touch.
  • Making sure the circle at the end of the progress bar remains in its place and doesn't move all around the width of the page changes.
  • Making sure the background SVG sticks to the bottom of the screen at all times in the desktop layout by setting background-position to bottom left.

Keep coding (and happy coding, too)! 😁

0

P
Alonso Vazquezβ€’ 160

@alonsovzqz

Posted

@ApplePieGiraffe thanks a lot for the feedback, I'll make those changes! And of course I'll keep 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