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

Semantic HTML5 markup CSS custom properties Flexbox Mobile-first workf

P
Kristina 260

@frontend-en

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?

Maybe next time I'll use more accessibility

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

I didn’t know how to use pictures for different browser window resolutions. In the end I decided to use the picture tag

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

I think I need help with accessibility attributes

Community feedback

Ryan 130

@ryanxora

Posted

  1. Clarity and Detail : Your responses are clear and provide sufficient detail for others to understand the challenges you faced and how you overcame them. This clarity is essential for others to provide relevant feedback.

  2. Learning Reflection : You effectively reflect on your experiences and highlight areas where you learned and grew throughout the project. This demonstrates a proactive approach to personal and professional development.

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