Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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

HTML, CSS and Flexbox challenge

Jhonatan 40

@JhonnK08

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 for all!

I did it, but was a little difficult because I didn't know much about flexbox.

I would like some feedbacks, improvements and what else you want.

Thanks! :)

Community feedback

Web Frog 1,840

@MasterDev333

Posted

@Johnathan. Congratulations! You've finished your first challenge. It was a great work. One suggestion, it would be better if you make background circles responsive. Overall good. Happy coding :)

1

Jhonatan 40

@JhonnK08

Posted

@MasterDev333 oh I forgot the responsive version.

I will fix this.

Thanks for the feedback!

0
Luke 220

@lukebergmann

Posted

Hey Johnathan!

This was the first challenge that I completed and I definitely had difficulties as well haha. None the less, this looks great! I would suggest making minor tweaks to the profile card shape. Right now, it is looking slightly long vertically. This gives it a stretched look with not a lot of breathing room within the card. I would tuck in the 'London' word closer to Victor Crest to give the bottom portion a little more space. You also may want to consider throwing a box-shadow on that bad boy and you're set!

Happy Coding, Luke

1

Jhonatan 40

@JhonnK08

Posted

@lukebergmann Thanks for the feedback!

It was so difficult to me to align items in the card. Maybe i have to learn more about grid!

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