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-data-storage-component-challenge

#accessibility
Yous 170

@yousra10

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


Hello everyone,

I just completed this challenge. Here are some skills that I learn from this challenge:

  • Progressing bar
  • background-color with 2 colors :
and I add 'to right' and change  the hsl color into rgba color:
```--gradient: linear-gradient(to right, #FFA399, #FF4D97);

- List without style by using this code:
``` ul{list-style-type: none;}
-To put list in the same row, I did :
```.list {
  display: table-cell;}

I use flexbox CSS in desktop and mobile.

If there are some suggestions, it will be a pleasure to know it.

Thank you very much!
Happy coding!
Best regards,
Yous Ben

Community feedback

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