Skip to content
Submitted over 4 years ago

data storage with styled components and props drilling

Vincenzo Marcovecchio•1,085
@VincenzoMarcovecchio
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

I was into a bit of reading firebase storage lately and i came up with this solution, witch still needs to be fixed...

  1. background-size: auto is some messing

  2. styled-components it's like going components less ?

  3. should you use meter tag ?

Happy days

Community feedback

  • Matt Studdert•13,611
    @mattstuddertPosted over 4 years ago

    Hey Vincenzo, nice work on this challenge! Your solution looks great! Here are some answers to your questions:

    1. background-size: auto is fine for desktop in this design. I'd recommend switching background-size to cover for mobile though so that it fills the background.
    2. Styled Components work really well in React projects. I'd definitely recommend giving them a try.
    3. The meter tag would be perfect for this component. You'd need to do some custom styling to get it looking right but semantically that would be the correct element to use.

    I hope that helps. Let me know if you have any questions! 👍

    1

Please log in to post a comment

Log in with GitHub

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