Build a Newspaper Article - Build a Newspaper Article

HTML-CSS
1

Tell us what’s happening:

I think everything is okay, i double checked many times

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Harbor City Chronicle</title>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <div class="newspaper">
      <div class="name">Harbor City Chronicle</div>
      <div class="date">November 8, 2025</div>
      <div class="headline">Iloilo's Night Markets Turn Side Streets Into Shared Living Rooms</div>
      <div class="sub-headline">Vendors, students, and late-shift workers find community after dark under strings of borrowed lights.</div>
      <div class="author">By Brian Rey Vargas</div>
      <p class="text">
        The first plastic chair scrapes across the pavement just after sunset, a small sound that signals the unofficial opening of Iloilo's newest night market. Within minutes, the once quiet side street is lined with food stalls, thrift racks, and makeshift coffee bars, transforming an ordinary road into a shared living room for the city.
      </p>
      <p class="text">
        What began as a handful of vendors testing weekend crowds has grown into a nightly ritual for residents looking for affordable meals and a place to unwind. Students huddle over iced coffee, families share bowls of batchoy, and call center agents trade stories before their graveyard shifts. For many, the night market is no longer just a place to buy things; it is where the city remembers that it belongs to everyone.
      </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;
}

.headline {
  font-size: 2em;
  font-weight: bold;
}

.sub-headline {
  font-weight: 100;
  font-size: 1.5em;
  font-style: italic;
}

.author {
  text-transform: uppercase;
  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/142.0.0.0 Safari/537.36

Challenge Information:

Build a Newspaper Article - Build a Newspaper Article

2

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.