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! 👋
@AdrianoEscarabote
Posted
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 helpful
@SHMITEnZ
Posted
Ciao @AdrianoEscarabote ! thanks for the feedback. I will try this for sure 👍
@luigi-perone
Posted
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 👋
@SHMITEnZ
Posted
@luigi-perone
Ciao Luigi, thanks for your reply 😎
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
