Build an Event Flyer Page - Build an Event Flyer Page

HTML-CSS
1

Tell us what’s happening:

it still says it wrong and i can’t seem to fix the mistake.I couldnt’t find my bugs!

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>Build an Event Flyer Page</title>
  <link rel="stylesheet" href="styles.css">
</head>

<body class="body">
<header>
  <img src="https://cdn.freecodecamp.org/curriculum/labs/event.jpg" alt="A nice university">
  <h1>Welcome to NJUPT</h1>
  </header>
  <main>
    <section class="section">
      <h2>About Study</h2>
    </section>
    <section class="section">
      <h2>About Activities</h2>
    </section>
    <hr class="hr"></hr>
  </main>
</body>

</html>

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

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 Edg/142.0.0.0

Challenge Information:

Build an Event Flyer Page - Build an Event Flyer Page

2

Hi @qingning7 and welcome to our community!

Try using element selectors in your CSS, rather than class selectors, as you are applying the rules to all elements of those types (and there’s only ever one body element anyhow).

1 Like
3

Thanks!You do help me a lot

1 Like