Skip to content
Submitted about 2 years ago

Responsive perfum page using HTML and CSS

Yuri Cipriano Cruz•150
@yuuricrz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This was the most complicated for me, at first the image and the words doesn't was aligning. I passed so much time to align but in the final its ok. The other problem was the part of make responsive. im still learning about made responsive so i think that the code is be poluid. Please, give me feedback! What i can do to clean more, things that i can change or remove. Thanks!

Community feedback

  • バレンタイン 😈•64,170
    @VCaramesPosted about 2 years ago

    Hey @yuuricrz, some suggestions to improve you code:

    • The Alt Tag Description for the image needs to be improved upon. You want to describe what the image is; they need to be readable. Assume you’re describing the image to someone.

    • The old price 🏷 is not being announced properly to screen readers. You want to wrap it in a Del Element and include a sr-only text explaining that this is the old price.

    • Here is a Google Developers link that will teach you about creating responsive designs.

    https://web.dev/learn/design/

    Happy Coding! 👻🎃

    Marked as helpful
    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