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

AnasIsmai1 240

@AnasIsmai1

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


What are you most proud of, and what would you do differently next time?

I was happy i got to understand the main logic behind how to create shapes with the help of css. I can now easily estimate an almost accurate time to complete a project. This particular layout was easy but I do think i can improve on a few aspects.

What challenges did you encounter, and how did you overcome them?

I faced the difficulty on setting the background image in the mobile version of the website. I used both an image tag and a background image on the body. The issue i faced was with the image tag the content all moved down after the background i tried setting differing z-indices but it didnt work. At the end I used the backgroun-image property on the body which worked well after adjusting the size and height.

What specific areas of your project would you like help with?

I would like someone to review the responsiveness of the card on the mobile version and see if i could improve on the 1st card and use some better ways to style images.

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