Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive layout using display flex.

Henrique 100

@UnaspHenrique

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback is welcome!

by Henrique.

I did it with the width 1440px.

Community feedback

@analuzcervantes

Posted

Hi! 🖖

It looks pretty good!

I would just like to give you some tips:

  • For the background images bg-pattern-top and bg-pattern-bottom, I recommend placing it in the body on style file background-image: url (), url (); For the position you can use vw and vh background-position: right 50vw bottom 50vh, left 50vw top 50vh; Here I leave you more information about vw and vh
  • Try to center the footer and give it a margin top for mobile versions

Be well, keep coding! 💻👾

6

@Gabrieldev-web-coder

Posted

bro, i was just looking for that, thanks! is the only thing that my component was missing

1

Please log in to post a comment

Log in with GitHub
Discord logo

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