Learn Accessibility by Building a Quiz - Step 52

Sorry guys, but would anyone know what the problem with my code is below?

The instruction first tells me to “replace margin top with padding top of x value” and when I replace it (i.e. delete margin top and put in the padding-top value), it then tells me that I " should give the h2 a margin-top of 0" (the line I just had to delete when ‘replacing’?).

In either case, it doesn’t work with or without the ‘margin-top’ code and I’ve tried to google the answer/read around, but cannot see what the problem is…

Thanks in advance…

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

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

header {
  width: 100%;
  height: 50px;
  background-color: #1b1b32;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
}

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

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

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

nav > ul {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
  padding-inline-start: 0;
  margin-block: 0;
  height: 100%;
}

nav > ul > li {
  color: #dfdfe2;
  margin: 0 0.2rem;
  padding: 0.2rem;
  display: block;
}

nav > ul > li:hover {
  background-color: #dfdfe2;
  color: #1b1b32;
  cursor: pointer;
}

li > a {
  color: inherit;
  text-decoration: none;
}

main {
  padding-top: 50px;
}

section {
  width: 80%;
  margin: 0 auto 10px auto;
  max-width: 600px;
}

h1,
h2 {
  font-family: Verdana, Tahoma;
  padding-top: 60px;
  margin-top: 0;
}

h2 {
  border-bottom: 4px solid #dfdfe2;

}

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 52

The margin-top and the padding-top properties should not be here.

They should be here. This is the required h2 selector.

thank you so much. I am now trying to figure out why I have two separate h2 selectors - should there only be one?

The first selector is a multiple selector, you see you have two elements as selectors.

The second one is the actual h2 selector

great. Thank you so much.

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