Skip to content
Submitted about 1 year ago

The soluction is de hashtag and

JuanSeRDev•380
@JuanSeRDev
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 is a nice challenge. I can learn the hastag <picture> and <source> this is the solution.

Community feedback

  • Daniel Muri•440
    @dmuriPosted about 1 year ago

    Hi there,

    Well done, small suggestion is to add this adjustment to the .cart-money p styling:

    .cart-money p {
    text-decoration: line-through;
    color: grey; /* or the appropriate color for the design */
}

    Happy coding!

    Marked as helpful
    0
  • _nehal💎•6,710
    @NehalSahu8055Posted about 1 year ago

    Hello Coder 👋.

    Congratulations on successfully completing the challenge! 🎉

    Few suggestions regarding design.

    • For non-decorative images give meaningful and descriptive alt like alt= "Gabrielle Chanel Perfume bottle surrounded by leaves.".

    • Use Semantics for the proper design of your code.

    <body>
<main>... main content goes here ...</main>
<footer>.. .attribution div goes here.</footer>
</body>

    I hope you find this helpful.

    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