Submitted almost 4 years ago

Fylo data storage component

Artur• 200

@ArturMiguel

Preview site View code

This is a solution for...

Fylo data storage component

HTML
CSS

2junior

View challenge

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-yadav

Posted almost 4 years ago

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

On .progress set position: relative. Then on ::after set position: absolute; right: 1px.
Then to vertically center dot inside progress bar use top: 50%; transform: translateY(-50%);

Artur• 200

@ArturMiguel

Posted almost 4 years ago

@Mahesh-yadav Thanks for the help.

Please log in to post a comment

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