Learn Accessibility by Building a Quiz - Step 9

Tell us what’s happening:
Describe your issue in detail here.

   **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" />
   <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;
}

#logo {
 width: max(100px, 18vw);
	background-color: #0a0a23;
	aspect-ratio: 35 / 4;
padding: 0.4rem;
}

   **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 10; vivo 2015) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.99 Mobile Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 9

Link to the challenge:

That’s where am stuck please the aspect ratio

I think your browser is too old and doesn’t support the aspect-ratio property. You’ll need to upgrade if you want to pass this step. Otherwise, just move on to the next step. But be aware, you may run into similar issues with other steps as well. It is best to upgrade to the newest version if possible.

1 Like