Build a Quiz Webpage - Step 49

HTML-CSS
1

Tell us what’s happening:

You are giving instructions with very limited direction and then when checking your code you find out that there is far more detail required. It’s not just in step 49 but in many other steps. For example, in this step, you ask for only “give the main padding such that the Student Info section header can be seen”, whatever that means. So I added in 20px, but then it says it must be at least 25px, then after doing that I’m told that I should only change the padding-top value. Why RU doing this?

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

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


/* User Editable Region */

Your browser information:

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

Challenge Information:

Build a Quiz Webpage - Step 49

2

Hi @bkarlan

In a real life situation, the client may ask you to add some space around a heading.

They may not know the padding attribute exists, or know anything about responsive web design.

So they will tell you what they want, then it is up you you to code it. Not giving a specific value gives you an opportunity to put the skills you are learning into practice.

Happy coding

1 Like