Build a Newspaper Article - Build a Newspaper Article

HTML-CSS
1

Tell us what’s happening:

  1. You should have an .author selector that sets its elements’ font-weight to bold. its not working

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Newspaper Article</title>
    <link rel="stylesheet" href="styles.css">
  </head>

  <body>
    <div class="newspaper">
      <h1 class="name">The Guidian Newspaper</h1>
      <p class="date"><em>Monday, April 6, 2025.</em></p>
      <h2 class="headline">Nigerian snake ate millions of naira, clerk says</h2>
    <h3 class="sub-headline">A Nigerian sales clerk has been suspended after she told auditors that a snake had eaten 36m naira.</h3>
    <p class="author">Obateru Itunu</p>
    <p class="text">That's the equivalent of $100,000 or £72,250. The clerk, Philomena Chieshe, was working at an office for the Nigerian examination board which collects exam fees.
</p>
    <p class="text">The exam board, the Joint Admissions and Matriculations Board, told the BBC that it dismissed her claim and has started disciplinary proceedings.</p>
  </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;
}

.author {
  font-weight: bold;
}


.text {
  text-indent: 20px;
  line-height: 2em;
}

.text::first-letter {
  font-weight: bold;
  font-size: 2em;
}

Your browser information:

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

Challenge Information:

Build a Newspaper Article - Build a Newspaper Article

2

try to not have duplicate selectors