Build a Newspaper Article - Build a Newspaper Article

Curriculum Help
1

Tell us what’s happening:

I filled this CSS in twice, for fun and practice, its now refusing my second go, It’s keeps telling me my .author { selector needs the font-weight as bold…and it is…I’ve now changed it 4 times, copied it from freecodecamp etc everything else is good!

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>Newspaper Article</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
  <div class="newspaper">
    <h1 class="name uppercase-text">Daily Chuckles</h1>
    <h3 class="date">July 5, 2024</h3>
    <h2 class="headline">Breaking: Grandma Edna Saves Earth</h2>
    <h3 class="sub-headline">Alien Invasion Foiled by Tech-Savvy Grandma's Wi-Fi Password</h3>
    <h2 class="author uppercase-text">By Jane Doe</h2>
    <p class="text">In an extraordinary twist of fate, Grandma Edna found herself at the forefront of a potential crisis when her clever Wi-Fi security measures unexpectedly thwarted an alien invasion. As alien spacecraft descended upon the town, panic spread until Grandma Edna calmly intervened, resetting her router with a cryptic passphrase known only to her.</p>
    <p class="text">The aliens, encountering unforeseen technological barriers, struggled to breach Grandma Edna's fortified network. Frustrated and bewildered, they eventually retreated to reassess their invasion strategy, leaving residents both relieved and amazed at Grandma Edna's resourcefulness.</p>
  </div>

  </main>
  </body>
</html>

/* file: styles.css */
html {
  font-size: 24px;
}
.newspaper { 
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}
.name { 
  font-size: 2rem;
  font-family: 'Times New Roman', serif;
  text-transform: uppercase;
}
.author {
  text-transform: uppercase; 
}
.headline {
  font-size: 2em;
  font-weight: bold; 
}
.sub-headline {
  font-weight: 100;
  font-size: 1.5em;
  font-style: italic;
}

.text {
  text-indent: 20px;
  line-height: 2em;
}
.text::first-letter {
  font-weight: bold;
  font-size: 2em;
}
.author {
text-transform: uppercase;
font-weight: bold;
}

Your browser information:

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

Challenge Information:

Build a Newspaper Article - Build a Newspaper Article

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-newspaper-article/66ba762af611169359d9d369.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Hi @bunnyprog,

You have two .author selectors in your CSS. I suggest you remove the first one since the text-transform property is duplicated in the last one.

Happy coding