Product Preview Card Component

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 10 months ago

  Hello @mehalimes!

  You did a very good job there!

  I have a very simple suggestion for improvement:

  • Since the button is a clickable element, it's nice to add cursor: pointer to it.

  📌 This gives the user one more visual indication that the element is clickable, as obvious as it may look.

  I hope it helps!

  Other than that, you did a great job!

  0
• 

  raya•2,870

  @rayaattaPosted 10 months ago

  Hello 👋 Mehmet Ali MEŞE, congratulations on completing this challenge 🎉.

  I have some bits of advice for you

  1 Let me introduce you to the Mobile-first workflow

  The mobile-first workflow refers to a design approach where websites or applications are designed for mobile devices initially, and then adapted for larger screens such as tablets and desktops. This is due to the increasing number of people accessing the internet on their mobile devices, making it essential to prioritize mobile user experience.

  Importance of the mobile first work flow

  Responsiveness:. Websites or applications should be developed to automatically adjust their layout and content to fit different screen sizes. This ensures optimal user experience regardless of the device being used. You can learn more about it here

  2 Try to make your html more Semantic by wrapping the main page content inside a <main> tag . Replace <div id="container"> With <main id="container">. This changes nothing visually but Using it makes all the difference. Using semantic markup improves

  SEO

  And user experience (accessibility) for people using assistive technology such as screen readers.

  I hope this helps 🙃

  Your solution looks great 😉

  Happy coding ✌️

  0