Design a Greeting Card - Step 15

Curriculum Help
,
1

Tell us what’s happening:

"The h1::before selector should have a content property set to ":partying_face: ", error message won’t accept a code option (HTML: :partying_face: or codepoint: "\1F973 ") for inserting a Partying Face Emoji. How am I supposed to proceed to the next step, 16, when ‘copy and paste’ is currently not an option?

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>
      <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">
      <h2>Sharing your card...</h2>
      <p>Your card was shared on social media!</p>
    </section>
  </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;
  transition: transform 0.3s, background-color 0.3s ease
}

.card:hover {
  background-color: khaki;
  transform: scale(1.1);
}

/* User Editable Region */
h1::before {
  content: "\1F973 ";    
}
/* User Editable Region */

Your browser information:

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

Challenge Information:

Design a Greeting Card - Step 15

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/workshop-greeting-card/6733319f1d586b1923e029e3.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

this is the value you need to use "🥳 "

are you using the mobile app? if it does not work to copy and paste please open a bug report from inside the mobile app

3

I am currently on Microsoft Edge of a Windows 10XP laptop, the ":partying_face: " value can not be copied and pasted on my challenge editor. I have opened a bug report, Issue #69663 on GitHub. However, currently I can not proceed to the next Steps.

4

just go to the next step from the list of steps

5

I can only do that after ‘Check your Code’ has accepted. That’s when the next step can be revealed. Just not at the moment when an error message is still indicating.

6

this is the link to the next step, you can reach it at any time https://www.freecodecamp.org/learn/responsive-web-design-v9/workshop-greeting-card/step-16

you can go to this step from the list of steps

image
image763×250 8.55 KB

click on 16 here to reach it