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

Projeto responsivo desenvolvido em HTML e CSS

P

@dsouza860

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Shaxboz 1,230

@shakhboz-shukhrat

Posted

Hello there👋! Congratulations on completing this challenge!

There are no major issues with the code. However, there are a few minor things that could be improved:

1.The commented-out image tag in the HTML could be removed since it is not being used.

2.The slash in the img source file path in the button image tag should be removed.

Here is the corrected code:

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="img/favicon-32x32.png" type="image/x-icon">
    <link rel="stylesheet" href="css/estilo.css">
    <title>Cartão de visualização de produto</title>
</head>

<body>
    <main class="container">
        <div class="container-img">
        </div>
        <section class="conteudos">
            <h4>perfume</h4>
            <h1>Gabrielle Essence Eau De Parfum</h1>
            <p>A floral, solar and voluptuous interpretation composed by Olivier Polge, Perfumer-Creator for the House
                of CHANEL.</p>
            <div class="valores">
                <h2>$149.99</h2> <span>$169.99</span>
            </div>
            <button><img src="img/Shape.png" class="img-button" alt="">
                <p class="text-button">Add to Cart</p>
            </button>
        </section>
    </main>
</body>

</html>

Anyway, your solution is great. Hope you will find this helpful. Happy coding!

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