Build an Event Flyer Page - Build an Event Flyer Page

HTML-CSS
1

Tell us what’s happening:

I’m working on the Event Flyer project and have hit a wall with some layout-related test failures. Despite styling my elements as instructed, I still get errors on:
10, 11, 12, 13, 14, 16, and 17.

I would appreciate any guidance on why these specific tests might still be failing. Thanks in advance!

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>National Dagen</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <header>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/event.jpg" alt="Event banner">
    <h1>Nationaldagen</h1>
  </header>
  <hr>
  <main>
    <section>
      <h2>Firandet i Stockholm</h2>
    </section>
    <section>
      <h2>Traditioner och Historia</h2>
    </section>
  </main>
</body>
</html>>

/* file: styles.css */
body {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
  min-height: calc(100vh - 100px);
}

hr {
  width: 80%;
  border: none;
  background-color: #004b87;
  margin: 20px auto;
}

section {
  width: 90%;
  margin: 0 auto;
}

Your browser information:

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

Challenge Information:

Build an Event Flyer Page - Build an Event Flyer Page

2

is any of your css applying? maybe there is an issue that is not what is written in the CSS file?

3

Hi, thank you for your help. I have identified the issue. I had a typo in the link to my CSS file (I wrote style.css instead of styles.css). Everything is working perfectly after correcting it.

1 Like