Skip to content
Submitted over 4 years ago

Responsive data storage component

Hector Lopez•195
@hec-lopz
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

What options do I have to position the background properly?

Community feedback

  • Stefano•75
    @stefanotamponiPosted over 4 years ago

    Hey there! You can use the CSS background-position property:

    https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

    You can also set the background-size: "cover" targeting body (for the mobile background image) in order to let the background image fit the entire page without repeating the background itself or you could also adjust the background-repeat property, but I think that you won't need that one.

    P.s. nice work!

    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