Build a Newspaper Article - Build a Newspaper Article

HTML-CSS
1

Tell us what’s happening:

I am getting the message :

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

I have the code written as

.author {
font-weight: bold;
}

Can anyone help me figure out what is the issue? Thank you.

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">
    <link rel="stylesheet" href="styles.css">
    <title>Newspaper Article</title>
  </head>
  <body>
    <div class="newspaper">
      <h1 class="name">My Newspaper</h1>
      <h2 class="date">03/11/2026</h2>
      <h3 class="headline">Maxx Crosby not traded</h3>
      <h4 class="sub-headline">Ravens cancel trade for Maxx Crosby</h4>
      <h5 class="author">John Doe</h5>
      <p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
      <p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
  </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/145.0.0.0 Safari/537.36

Challenge Information:

Build a Newspaper Article - Build a Newspaper Article

2

Nevermind I figured out what I did wrong.

1 Like
3

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.