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

Mario 180

@bembem33

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! I am the new one in the frontend development.

Community feedback

Web Wizard 5,690

@rsrclab

Posted

Hi, @bembem33 ~

Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

Here are some of the tips I like to provide.

  1. I think you are adding 2 independent elements for background image, but using background-image css property or pseudo elements would be better.
  2. Responsiveness doesn't look so good, and that's because of 'viewport' meta.
  3. I recommend you to try BEM structuring. It will be great help for bigger projects.

https://www.frontendmentor.io/solutions/profile-card-solution-m-cH4D2Lp

Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

Cheers ~

Marked as helpful

0

Mario 180

@bembem33

Posted

Hi @tymren608, thank you for your support!

This is my first solo project without any guides from the internet, and I am really happy about how it's turned out. Since I am in the beginning, right now I am struggling with lots of things in HTML and CSS, one of which is responsiveness.

0
Web Wizard 5,690

@rsrclab

Posted

I can't find live page on this project. Will you kindly update setting?

0

Mario 180

@bembem33

Posted

@tymren608 Hi! I just fixed it!

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