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

Profile Card with BEM & SASS

@SamyrOR

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


Hi everybody!

I'm new here and praticing some front-end knowledge.

Will be a pleasure recive all feedback i can!

How it could been mobile fisrt?

Community feedback

@adluders

Posted

Hi Samyr, Overall, I think you did pretty well with this. My suggestion would be to try to keep the card centered at all times by using something like flex or margin auto or something. I also think, maybe try to focus on the overflow of elements. The body seems to be taller than the amount of contents it had in there. Also regarding mobile first, I think that would help with what I first mentioned. Had it been mobile first, you would simply have to adjust the positioning of the background patterns while keeping the card in the center of the page. Let me know if what I say makes sense or if you have any questions.

1

@SamyrOR

Posted

Hello @adluders, thanks a lot for the help, its make all sense! I imagine using something to keep the card aways in center, but i can't concept, and the style guides require 375px and 1440px only to be responsive, now i'm looking for mobile first to develop next challenges more responsives, happy new year bro!

1

@adluders

Posted

@SamyrOR of course! Glad it could help. Happy New year to you as well. Best of luck!

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