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: CSS & HTML

@madebyshaurya

Desktop design screenshot for the Product preview 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?

I am most proud of getting 100 on everything on Google PageSpeed Insights 💯. I constantly was looking at everything that can make my website faster. I used better image formats, etc. I think this was my best time doing a Frontend Mentor project and next time I would do the same thing I did for this project.

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

I encountered mini problems while making this website, but I eventually searched Google and I eventually encountered those problems and when you solve the problem, the solution seems pretty obvious, but when you don't know the solution to the problem, it looks pretty difficult to find the solution.

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

I don't really need a lot of help on actually building with plain HTML and CSS, but yes, I would want to explore more framework which can boost my performance. I know tailwind CSS, but I haven't used it too much but I do know how to use tailwind and I might include that in one of my future projects.

Community feedback

Mike 180

@sanyomor-01

Posted

Nice work done. I just want to recommend you use the picture element when displaying two or more images. Other than that, keep on coding pal.

1

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