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 page built with CSS Flexbox and Sass

@Rabin92

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 feedbacks are greatly appreciated!

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey, Rabin Gharti Magar! 👋

Good to see you complete another challenge! The card component in your solution looks pretty good! 👏

The background SVGs look pretty well-placed in the mobile-friendly layout of the site, but they move around quite a bit and nearly disappear off the edges of the screen when the width of the page decreases in the desktop layout. I suggest perhaps looking into using vw or vh units to position the images in the desktop layout to prevent them from moving around so much. 😉

Keep coding (and happy coding, too)! 😁

0

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