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

Responsive Fylo Data Storage - SASS, Flexbox

Bel Sahn 440

@BelumS

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 struggle a bit aligning the flex items, and with the dimensions, but I'm proud of how it looks in the end.

My question is about the range slider, after I wrote the custom CSS, it lost it's functionality. During my research, it stated that that's just what happens in -webkit browsers. So I have to resort to JS to get it to work again?

I also ran into issues with the background-image for the desktop design, I added background-position: top; to get it to stretch the full vh, but when I opened the dev tools, it still had whitespace in the top-right corner.

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