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 using HTML and CSS

Chakib B 50

@chakibbel

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


This is my first challenge on front end mentor, any comments, advise and recommendations are welcome and much appreciated.

Community feedback

Dawid 440

@dwddgsz

Posted

Hello! On large sizes your project looks pretty well, but when I'm decreasing window's width elements start pushing each other and it destroys layout. You used 'position:relative' a lot of times, try to read about other types of positioning like 'position:absolute'. You could also use other type of creating layout, for example css grid,flexbox or floats that are just easier in use. Last thing - in real projects try to remember about adding alt attribute to imgs, it can help people that are using screen readers.

3

Chakib B 50

@chakibbel

Posted

@dwddgsz thank you very much for your advise. I will read more about flexbox and grid ans try to improve the result.

0

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