Accessibility Quiz Practice Project Step 13

Hi all!
I’m working on the Accessibility by Building a Quiz practice project and was on step13. Can someone provide me with a definition or better explanation for what exactly that “>” does? I think I understand in terms of this specific project but I want to be able to understand it for any projects in the future.

I provided a screenshot of the example I am talking about specifically below. Thank you in advance!
Screen Shot 2023-01-18 at 1.41.21 PM

Please post your actual code instead of a picture. Also, please post a link to the Step. Thanks

Step 13:

CSS Code:

body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;

header {
  width: 100%;
  height: 50px;
  background-color: #1b1b32;
  display: flex;

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

h1 {
  color: #f1be32;
  font-size: min(5vw, 1.2em);

nav {
  width: 50%;
  max-width: 300px;
  height: 50px;

nav > ul {
  display: flex;
  justify-content: space-evenly;


Please post your code instead of a picture.

Can you post a link to the Step please?

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

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