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-preview-card-component

Ecylaβ€’ 20

@ecy16

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


How to include the given fonts in my project

Community feedback

mohammad salihβ€’ 220

@mohammadsalih

Posted

Dear [Ecyla],

First and foremost, I want to commend you for your efforts in tackling the front-end development challenge. It takes courage to put your skills to the test and try to come up with a solution. Your willingness to take on this task is admirable, and it shows that you are dedicated to your craft.

I understand that your current solution may not be up to par with the design requirements. However, I want you to know that this is a common experience, especially for beginners. It takes time, practice, and patience to perfect your craft, and you are already on the right track by attempting to solve the challenge.

Please don't let this setback discourage you. Instead, use it as a learning opportunity to identify areas where you need to improve and find ways to address them. Take note of the aspects of the design that you missed, and try to understand why they were essential to the overall look and feel of the design.

I believe in you, and I want to encourage you to keep going. Keep practicing and refining your skills, and you'll soon see the progress you've made. It's essential to keep in mind that every successful person was once a beginner, just like you.

So, don't give up, and don't be too hard on yourself. Keep your spirits high and remain positive. Remember that failure is not the opposite of success; it's a part of the journey to success. You have my support, and I wish you all the best in your front-end development journey.

Good luck!

Best regards, [Mohammad]

Marked as helpful

0
P
visualdennisβ€’ 8,375

@visualdenniss

Posted

"How to include the given fonts in my project"

Just add this on top of your css file:

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],700&family=Montserrat:wght@500;700&display=swap');

and then you can use it like so:

  • font-family: 'Montserrat', sans-serif;

Hope you find this feedback helpful!

Marked as helpful

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