Learn Accessibility by Building a Quiz - Step 51

Tell us what’s happening:

why should I give a section max-width of 600px? there is nothing about it in the exercise

Your code so far

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

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

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


/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 51

giving it a max-width ensures that the app will stay contained horizontally

this is with max width set:

this is without max-width: