Design a Greeting Card - Step 8

HTML-CSS
1

Tell us what’s happening:

Hi!
They tell me that the first anchor element in the .card-links should have the text Send Card. I don’t really understand what is wrong here.
Thank you for the help!

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/133.0.0.0 Safari/537.36

Challenge Information:

Design a Greeting Card - Step 8

2

When this site is checking your code, it’s not running the code and seeing what it looks like. It’s looking at your code to see is certain things are are there or not there.

In your case, your anchors are not where it expects them to be. So because of that, it assumes that your anchors are missing. One more hint, both of your anchors are coded correctly; that’s not where the problem is.

1 Like
3

Thank you!! I really didn’t pay attention to that.
Thank for the quick answer :slightly_smiling_face:

1 Like