Learn Accessibility by Building a Quiz - Step 54

HTML-CSS
1

Hello! I’ve been stuck on this for a while, and (I think -) had already done what the hint states. It says, " You should give the .formrow a padding-right of at least 1px"

Your code so far

.formrow  {
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0;
  font-size: 20px;
}

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 54

2

Hi @minutiaemeow

Give the .formrow elements top margin, and left and right padding. The other padding values should be 0.
Then, increase the font size for all input elements.

The padding: 0; styling property and value is overriding the padding left and right code above it.

  1. Delete padding: 0; and replace it with padding top and padding bottom values set to 0;

You need to target all the input elements for the font size, not just the ones with a class of .formrow

  1. Remove font-size: 20px; from the .formrow selector, and create new a selector for input and place it there.

Happy coding

2 Likes
3

It passed! Thanks for your help :smile:

2 Likes
4

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