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 component using css flebox for the layout of the website

Martha 510

@Mtc-21

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


What could be the possible improvements?

Community feedback

Ctrl+FJ 750

@FlorianJourde

Posted

Ok, I'll just steal your background-position properties ! It's so good that you don't even need media queries !

Marked as helpful

0

Martha 510

@Mtc-21

Posted

@FlorianJourde hi, thanks a lot, there is media query for min-width:1440 which is for desktop, I suggest you the following link for background-position, it helped me a lot -> https://developer.mozilla.org/en-US/docs/Web/CSS/background-position developer.mozilla is great for anything.

0

@martindb1988

Posted

Good job on this one, if i can make a recommendation look into semantic html. Makes the html better readable.

Marked as helpful

0
Fidel Lim 2,775

@fidellim

Posted

Hi @Mtc-21,

Great job finishing the project! It looks great on desktop and mobile devices. There isn't much to improve I would say. It would be great to show your code in your Github repository. So others can have a look at it. We could probably suggest some points regarding your code. :)

Marked as helpful

0
CyrusKabir 1,885

@CyrusKabir

Posted

hello my dear friend ♥ it's good and clean but just one thing :

  • increase font-size just a little 1 rem for heading it's good and 0.8 rem for category text (number below)

Marked as helpful

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