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">
  <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" />
    <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
    <h1>HTML/CSS Quiz</h1>

/* 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 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15

Challenge: Learn Accessibility by Building a Quiz - Step 9

Link to the challenge:

I think the version of Safari you are using is too old and doesn’t support the aspect-ratio property. You’ll either need to upgrade to the latest version of use a different browser, such as Chrome or Firefox.

But your CSS is correct. So you could also just move on to the next step knowing you got this one correct. But you might run into similar problems on other steps with your older version of Safari. So probably best to either upgrade or use a different browser.

Hi bbsmooth,
It was weird getting your email. I never posted the question about aspect ratio (though that’s where I am in my lessons). But you answered a question I’ve been meaning to post to the forum, and yesterday I went to the site to do so, but didn’t know how to post it. I wanted to know if anyone had my experience of getting coding correct, seeing the correct results in the console, seeing the same coding as mine in the next lesson, but the site telling me my coding was wrong. I know my Safari browser is out of date, but I get the same incorrect result in Chrome, which is up to date. What do you think?

You didn’t ask any questions at all or explain your issue, but I could tell by the version of your browser what your issue probably was :slight_smile:

The CSS you posted above is passing for me with the newest version of Chrome and Firefox, so I’m not sure what to tell you if it isn’t passing for you with one of those browsers.

Wow. Now that I think about it, I probably posted from that lesson. It’s great that you answered my non-post. Thanks.

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