Skip to content
Submitted over 2 years ago

Responsive component using FlexBox and media queries.

bem
Diogo Henrique•180
@diogohrq
A solution to the Fylo data storage component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any feedback is welcome.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Adriano•42,870
    @AdrianoEscarabote

    Hi Diogo Henrique, how are you?

    I really liked the result of your project, but I have some tips that I think you will enjoy:

    To prevent the background image from breaking at higher resolutions, we can do this:

    • Add a background-size: 100% 50vmin;, the 50vmin will set its height as the page target, and 100% will make it stretch on the horizontal axis.

    The rest is great!

    I hope it helps... 👍

    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