Skip to content
Submitted almost 2 years ago

Two background images :)

O Grande Soldador•280
@brendowe
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I find it amazing that I can always learn something new from these projects. I had no idea you could put more than one image in the background. Simply incredible

Community feedback

  • Hassia Issah•50,650
    @HassiaiPosted almost 2 years ago

    To center the main on the page using flexbox, add justify-content: center; to the body. give #imagemtopo a fixed padding value instead of a percentage value.

    For a more responsive content replace the width of the main with max-with and height value with height: auto

    Use rem or em as unit for the padding, margin, width and preferably rem for the font-size for more on this watch this https://youtu.be/N5wpD9Ov_To

    Hope am helpful. HAPPY CODING

    0

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