Learn Accessibility by Building a Quiz - Step 60

HTML-CSS
1

Tell us what’s happening:

Step 60 doesn´t seem to proceed for me. I´m pretty sure, I got the code right though. Am I missing something?

Step 60

Remove the default styling for the list items of .answers-list, and remove the unordered list padding.

Your code so far

.answers-list {
  list-style: none;
  padding: 0;
}

Test

Sorry, your code does not pass. Keep trying.

Hint

You should give .answers-list a list-style of none.

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:91.0) Gecko/20100101 Firefox/91.0

Challenge: Learn Accessibility by Building a Quiz - Step 60

Link to the challenge:

2

your code passes for me, make sure you have not changed anything around.

When you ask for help it’s good practice to add all your code

3

Hi, thanks for your reply! I checked everything again, even restarted the step. Still the same error. Here is my whole code:

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;
}

h2 {
  border-bottom: 4px solid #dfdfe2;
  margin-top: 0px;
  padding-top: 60px;
}

.info {
  padding: 10px 0 0 5px;
}

.formrow {
  margin-top: 30px;
	padding: 0px 15px;
}

input {
  font-size: 16px;
}

.info label, .info input {
  display: inline-block;
  text-align: right;
}

.info input {
  width: 50%;
  text-align: left;
}

.info label {
  width: 10%;
  min-width: 55px;
}

.question-block {
  text-align: left;
	display: block;
	width: 100%;
	margin-top: 20px;
	padding-top: 5px;
}

p {
  margin-top: 5px;
  padding-left: 15px;
  font-size: 20px;
}

p::before {
  content: "Question #";
}

.question {
  border: none;
  padding-bottom: 0;
}

  .answers-list {
  list-style: none;
  padding: 0;
}


.sr-only {
  position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
4

Hello,
I had the same problem today.
I just started this step on my mobile phone and everything worked.
So, if you’re still stuck just try it on another device.

5

Hi,
that actually worked! Thanks! It reseted everything afterwards though, but thats no big deal in my case.

6

I can confirm it would not pass the correct answer as posted here so I tried it in Edge browser via VM and it worked. It looks to me as if it doesn’t like Firefox.

7

I had this problem in Firefox browser.
I went and loged myself with another browser (Chromium Web Browser) and I was able to pass this issue/bug.

So if you have this problem, then try to log yourself into freeCodeCamp from another Browser software, and it will work. Hope it helped.