This is a solution to the Fylo data storage component challenge on Frontend Mentor. Frontend Mentor challenges helping me to improve my coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
I have seen this project very interesting and got to learned new things from this.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- Responsiveness of design
- Range Input
- Background of icon's
- Solution URL: GitHub Repository
- Live Site URL: Challenge Preview
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
In this project, I have used flexbox and bem to complete this and also learned how to customize range input. But still feels like that I can do better than this which I will try to improve so that I can make a good project.
Now, I want to focus on flex,grid and webkit to make sites more responsive.
- Website - Madan Sinha
- Frontend Mentor - @lazy4gyan
Without stackoverflow, w3classes and google, I am not able to complete this challenge.