Skip to content
Submitted 6 months ago

FYLO-Data storage component

Savion 👾•370
@S4V10N
A solution to the Fylo data storage component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

i'm proud of the fact i was able to get the desired results

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

i encountered challenges while trying to apply my background image in the desktop view

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

applying a background image and a background color

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Carl•1,235
    @CarlHumm

    Hi S4V10N

    Did you know that you can set both a background colour and background-image using a single background property.

    For example:

    body {
background: var(--VERY-DARK-BLUE) url(img/bg-desktop.png);
}

    The above statement would place your image ontop of a very dark blue background. But this alone wont be enough to match the design, you would then need to adjust background-size, background-position and background-repeat properties to get the correct balance.

    I hope this helps, good luck on your challenge and feel free to ask any questions

    Marked as helpful

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