Passo 12

Instruções

O elemento button é usado para criar botões clicáveis em uma página da web. Botões são elementos interativos que os usuários podem clicar para executar ações. Adicione um elemento button dentro do elemento que tem uma class de card, dê ao botão um atributo class definido como btn e o texto Buy Now.

O que fazer:

Testes:

Você deve ter um elemento `button` aninhado dentro do elemento que possui uma classe `card`.
Seu elemento `button` deve ter um atributo `class`.
Seu elemento `button` deve ter uma `class` que tenha um valor de `btn`.
O texto do seu elemento `button` deve ser `Buy Now`.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>XYZ Bookstore Page</title>
</head>

<body>
  <h1>XYZ Bookstore</h1>
  <p>Browse our collection of amazing books!</p>
  
  <div class="card-container">
    <div class="card" id="sally-adventure-book">
      <h2>Sally's SciFi Adventure</h2>
      <p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
    
      
    
    </div>
  </div>
</body>

</html>

Preview