Learn Accessibility by Building a Quiz - Step 8

HTML-CSS
1

please how do i attend to this?

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="freeCodeCamp Accessibility Quiz practice project" />
    <title>Accessibility Quiz</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header>
      <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
      <h1>HTML/CSS Quiz</h1>
      <nav></nav>
    </header>
    <main></main>
  </body>
</html>


/* file: styles.css */
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;

/* User Editable Region */

#logo{
  width:max(100px,18vw);
}

/* User Editable Region */

Your browser information:

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

Challenge: Learn Accessibility by Building a Quiz - Step 8

Link to the challenge:

2

Hello!
Your code works here.
I suggest the following:

  • Reset step
  • Refresh page (F5)
  • Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests.
  • If you are having problems, recommendation is to disable extensions that modify the content or layout of pages, while taking the course.
    • Try a different browser.
      Happy coding! :slight_smile:
2 Likes
3

The above suggestions are not going to work for you unfortunately because the code is not correct. You are missing the closing brace for your body } before the #logo style starts

2 Likes
4

Reset your code because the last selector doesn’t have a closing curly bracket.

1 Like
5

Sorry! @Cody_Biggs is correct, I never noticed the missing curly bracket above the work space.
Happy coding!

1 Like
6

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