Submitted over 1 year ago

Projeto responsivo desenvolvido em HTML e CSS

Diego Bueno de Souza•20

@dsouza860

Preview site View code

This is a solution for...Product preview card component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Community feedback

Shaxboz•1,230

@shakhboz-shukhratPosted over 1 year ago

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!

Please log in to post a comment

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