Build an Event Flyer Page - Build an Event Flyer Page

HTML-CSS
1

Tell us what’s happening:

check my code for mistakes i made so i can fix them.

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>Color Run</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <header>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/event.jpg" alt="https://cdn.freecodecamp.org/curriculum/labs/event.jpg">
  <h1>Color Run!!</h1>
  </header>

  <main>
    <section>
  <h2>Amazing line-up</h2>
  <p>Amazing line-up of artists.</p>
  <ul>
    <li>Durban gogo</li>
    <li>Uncle Waffles</li>
    <li>Pabi Cooper</li>
    <li>and many more...</li>
    </section>
    <hr>
    <section>
      <h2>food and drinks in the house</h2>
      <p>with different food from different countries and drinks to get the party started!!!</p>
      </section>
        <section>
            <h2>Get Your Tickets Now!</h2>
            <p>Don't miss out on the music event of the summer! Secure your tickets today before they sell out.</p>
            <a href="#" class="ticket-link">Buy Tickets</a>
        </section>
        <h2>Rock on!!</h2>


      
</body>

</html>

/* file: styles.css */
body {
  box-sizing: border-box; 
    font-family: sans-serif; 
    margin: 0 auto; 
    min-height: calc(100vh - 100px); 
    padding: 50px; 
    text-align: center; 
    width: 90vw; 
}
hr {
  border: 1px solid #ccc;
    box-sizing: border-box;
    margin: 30px auto;
    width: 70%;
}
section {
   background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
    box-sizing: border-box;
    margin: 20px auto;
    padding: 20px;
    width: 80%;
}
header {
    margin-bottom: 20px;
    text-align: center;
}

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

Challenge Information:

Build an Event Flyer Page - Build an Event Flyer Page

2

Please specify your issue.
Like you can tell if a test is not passing e.t.c.

4

check the file name, you are linking the wrong css file

that should not be an issue

1 Like
5

I was just about to say that :sweat_smile:
I saw none of the tests related to css were passing.

6

that wasn’t the problem.

7

thanks it was the link. :laughing: