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

Product card component with CSS grid and flexbox.

TheAashay 210

@TheAashay

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 are you most proud of, and what would you do differently next time?

Proud that i didn't give up even after seeing that my CSS code was bloated and needed to written from start. Next time, I would first think properly what CSS property is best to sue for a certain part of solution.

What challenges did you encounter, and how did you overcome them?

My CSS was bloated, I wrote more than necessary code when same can be done in nearly 95 lines and to overcome it I wrote whole HTML and CSS again properly.

I wasn't able to place the 2 background images properly, then after seeing clearly word by word I discovered the solution simple, I just needed to replace vw with vh.

What specific areas of your project would you like help with?

I don;t think I need any help now. (I'll be revising HTML to write it semantically after a break.)

Community feedback

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