Skip to content
Submitted over 4 years ago

Fylo data storage component

Artur•200
@ArturMiguel
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

The background image did not load in the comparison before/after, however in the demo it is ok.

Community feedback

  • Mahesh Yadav•1,220
    @Mahesh-yadavPosted over 4 years ago

    Hi

    Nice work. The white dot on the progress bar is not placed correctly. You can use following styles.

    1. On .progress set position: relative. Then on ::after set position: absolute; right: 1px.
    2. Then to vertically center dot inside progress bar use top: 50%; transform: translateY(-50%);
    1
    Artur•200
    @ArturMiguelPosted over 4 years ago

    @Mahesh-yadav Thanks for the help.

    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