Submitted almost 4 years ago

data storage with styled components and props drilling

Vincenzo Marcovecchio• 1,085

@VincenzoMarcovecchio

Preview site View code

This is a solution for...

Fylo data storage component

HTML
CSS

2junior

View challenge

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...

background-size: auto is some messing
styled-components it's like going components less ?
should you use meter tag ?

Happy days

Community feedback

Matt Studdert• 13,611

@mattstuddert

Posted almost 4 years ago

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

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.
Styled Components work really well in React projects. I'd definitely recommend giving them a try.
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! 👍

Please log in to post a comment

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