Design a Greeting Card - Step 10h

HTML-CSS
1

Tell us what’s happening:

I think my code is clean but maybe you can find a problem I’m missing. My situation may be a little different since I have low vision and use NVDA. I ran into this same thing in a previous lesson where copy/pasting from vscode seems to not take once it’s in the html fcc editor. I’ve cleared my chrome browsing data and performed ctrl/f5, reset the step, cleared the html editor, pasted from vscode (several times) but still can’t get past step 10. Hopefully you’ll just spot an issue with the c

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

!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>
      <div class="card-links">
        <a href="#send" class="send-link">Send Card</a>
        <a href="#share" class="share-link">Share on Social Media</a>
      </div>
  	</div>
    <section id="send">
<h2>Sending your card.</h2>
<p>Card successfully sent to your recipient!</p>      
    </section>
    <section id="share"></section>
  </body>
</html>


<!-- User Editable Region -->


/* 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/147.0.0.0 Safari/537.36

Challenge Information:

Design a Greeting Card - Step 10

I tried Firefox incognito and used magnification to thye the h2 and p text as instructed. Still received the same error saying your h2 needs the text Sending your card.

2

I used Firefox in incognito mode and used magnification to type both the h2 and p elements text. Still got the error Your h2 is missing the text Sending your card. Again, hopefully you can find an error in my code. If not, please help me move forward so I can continue this lesson. I really want to get to the steps telling me how to style the h2 and p elements. Thanks.

3

Hi @FrankHogsed,

The h2 text should be “Sending your card...” That’s an ellipsis after card, not a period.

Also, there is a missing opening bracket on your !DOCTYPE declaration.

Happy coding!

4

Thanks for spotting the issue with the missing < for the doctype and the ellipsis. I corrected both but still am getting the same error. I’m not sure if you can see my “corrected” code without a new post so I’ll paste it from the fcc editor here: 

 **<section id="send">**

**<h2>Sending your card.</h2>**

**<p>Card successfully sent to your recipient!</p>**     

    **</section>**
5

There is still no ellipsis after card. Also, why all of the double asterisks in your code?

6

Design a Greeting Card project is now complete. As for the ellipsis in step 10, I was just missing it with NBDA. Fortunately I have some vision left and use a 34 inch monitor along with a HumanWare magnifier. I should have used my magnifier earlier to look closely to the error. And for the double quotes, now that I’m finished with the project and pasted both the HTML and CSS into vscode files I’ll make corrections at that level and be more careful with vscode auto inserting. Thanks for your help and patience.

7

Excuse me, I meant to say double asterisk.

8

Excuse me, I meant to say double astrisk.