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 HTML/CSS

@niccolashernandez

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@davinceey

Posted

Hello Nicolás Hernández. Congratulations on finishing this project! I previewed your site and it looks very good. But I observed that it wasn't responsive when I used my Chrome Dev Tools.

You might want to go through your media query code. You used min-width: 1440px, instead of setting how it should look on a mobile layout (375px). This made your site have issue with being responsive.

You might want to also make use of relative units like the em and rem to replace the px when applying to padding, margins, font-sizes and widths, as this would help improve their responsiveness.

Hope this helps you. Happy Coding!👊

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