Skip to content
Submitted about 4 years ago

Fylo mobile first using flexbox and BEM

Alonso Vazquez•170
@alonsovzqz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Any comments, thoughts, improvements you could add to my solution?

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    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
    Alonso Vazquez•170
    @alonsovzqzPosted about 4 years ago

    @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

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