Design comparison
Solution retrospective
Hello Frontend community! This is my solution for the [Product Preview Card] challenge
This is my very first Frontend Mentor challenge: I'm very new to the coding world so I'll be happy to receive any advice to help me improve my solution or clean my code.
I had a lot of fun working on this even if it took me longer than I thought. I still have a hard time giving all the divs and elements the correct size and make the design responsive. For the images I used the html <picture> tag but I would welcome any suggestion about a different approach on this and in general any best practice for a better responsiveness.
I'm looking forward to any feedback! Thanks! 👋
Community feedback
- @AdrianoEscarabotePosted about 2 years ago
Hello everything is fine?
You did a great job on this challenge, the responsiveness of the layout was very good, but I have some tips that I think you will like:
To further improve the responsiveness of the layout we could do this:
1-
.price { flex-wrap: wrap; }The rest is really good!
I hope it helps...
Marked as helpful0@SHMITEnZPosted about 2 years agoCiao @AdrianoEscarabote ! thanks for the feedback. I will try this for sure 👍
0 - @luigi-peronePosted about 2 years ago
Hi @SHMITEnZ, congratulations for your first solution! And welcome to the Frontend Mentor community 👍
You've a great solution here, I advise you to switch to the junior challenges, newbie challenges are too simple for you 😁.
happy coding 👋
0
Please log in to post a comment
Log in with GitHub
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