Learn Accessibility by Building a Quiz - Step 12

HTML-CSS
1

Tell us what’s happening:

This is the third time in this course of lessons that they’ve introduced an element that has never been mentioned before and do not adequately explain it. Nothing told me that an unordered list is “ul”, nor that I had to have “li” within, nor “a” within that. I had to brute force my way through this lesson shoving things in whenever it told me I got it wrong. Am I missing something here? If I’m meant to google it, why am I even here? Having to fail repeatedly to find the lesson isn’t a lesson.

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

<!-- User Editable Region -->

      <nav>

      </nav>

<!-- User Editable Region -->

    </header>
    <main></main>
  </body>
</html>


/* file: styles.css */
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);
}

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 12

2

Unordered and ordered lists were introduced back in the first project. And anchor elements were also mentioned very early on in the first project.

You can always use Google if you have forgotten things from previous projects or steps. People do forget things pretty often.

1 Like
3

hi there, welcome to the forum.

Is it possible you forgot about learning this back in the project for the cat photo app?

1 Like
4

Google does not provide a curriculum to follow.

You should be searching for things all the time and get used to it.

1 Like
5

That’ll be it. Clearly I need to redo some of the earlier lessons

6

To be honest, it is hard to recall everything when you’ve only done it once before. So my suggestion is that everytime you learn something new, try to play with it more in the editor (in the same step) to try to work with it more and more. For eg. When you learn a new element, instead of just making one for the exercise, make a few more and see what else you can discover about it to try to make it more memorable.

2 Likes
7

To be clear, largely I am finding the lessons very good. It is a great website. I was just getting very frustrated feeling like the only way to get anything done was deliberately fail multiple times. It’s a great learning system, but it does have flaws. Again, this particular one wasn’t the only one in this lesson course I felt completely lost on. Generally I am finding it great. But sometimes it gets frustrating

8

Hello and welcome to the forum!

I believe we all become frustrated, at times, while learning to code. I find, when I become frustrated, I step away for a while and come back to it.

It is my habit, now, to try to remember where I had to do the step before in the lessons (but, I do not always remember).

Leader hbar1st has made a very good suggestion.

I have not done that, I am repeating the course for about the 5th time to help me retain more in my memory each time.

I just thought you may like to know you are not alone in finding frustration at times. And, explain how I handle it when I become frustrated.

As you stated, the course material is great.

So, too, are the people who provide it and the community here who support us.

May your coding go smoothly onward.

9

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