Design a Greeting Card - Step 8

HTML-CSS
1

Tell us what’s happening:

It keeps saying that the first a element needs a text of Send Card but as you can see i have the code correct and placed accordingly.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Greeting Card</title>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>
    <div class="card" id="greeting-card">
      <h1>Happy Birthday!</h1>
      <p class="message">
        Wishing you all the happiness and joy on your special day!
      </p>


<!-- User Editable Region -->


      <div class="card-links"></div>
      <a class="send-link" href="#send">Send Card</a>
      <a class="share-link" href="#share">Share on Social Media</a>


<!-- User Editable Region -->


  	</div>
  </body>
</html>


/* file: styles.css */
body {
  font-family: Arial, sans-serif;
  padding: 40px;
  text-align: center;
  background-color: brown;
}

.card {
  background-color: white;
  max-width: 400px;
  padding: 40px;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px gray;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36 Edg/137.0.0.0

Challenge Information:

Design a Greeting Card - Step 8

2

i have also made an indent for the a elements as well but it still does not pass

3

you did not put them in the right place, .card-links is empty

the first line of the instructions say

Add two a elements inside the .card-links element.

4

Thank you I don’t know how I didn’t see the closing div tag there or why i put it there thank you

5

Just for the information of anyone else looking on here for an answer. The code replaces its self when you move to the next step putting the closing tag directly next to the opening tag. so if you do like i do and add a line beteen the opening and closing tag before going to the next step it will change to the following <div class="card-links"></div> instead of adding a full line between them like i did

6

it’s more like each step has its own starting code that is not influenced by what you wrote in other steps

this may be something to report on the bug tracker, usually the elements in which you need to add something have an empty line in them