Learn Accessibility by Building a Quiz

Again, the same problem in the same project. I was given a code to copy, and I didn’t understand what I was doing. Following is the CSS code.

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

Now, I understand the part from display: flex to align-items: center as I did that myself. But the rest of the code I was just told to add. From my research, padding-inline-start seems similar to padding-left but what exactly is the difference? But why exactly are we using all these? I mean in an element whose display is set to flex how are we even using stuff like padding-inline and margin-block and what are they doing?

Please tell us what step you are talking about and provide a link to the step.

These two lines of code:

padding-inline-start: 0;
margin-block: 0;

What exactly are they doing? I haven’t come across these in any other projects and was just told add these.

I’m so sorry my bad, I misunderstood the 1st time. It’s step 50. Here’s the link:
Learn Accessibility by Building a Quiz: Step 50 | freeCodeCamp.org

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