HTML/CSS Assessment Questions

Hello everyone. Im having trouble with these last two specs for the form…

  • … is the width of the screen when the screen is less than 600px wide
  • … lays out the labels and form elements as full width when the screen is less than 600px wide

I cant get the form to shrink and match the screen when the screen is less than 600px

I am able to get everything to stretch the full width of the screen except for the reset, and the submit button. Any suggestions?

Screen Shot 2020-06-25 at 11.47.25 AM

Learning Challenge

Question

What I’ve tried

Screenshots

Try making the CSS more explicit to the elements you want to adjust:

button[type="submit"] { width: 100%; }

button[type="reset"] { width: 100%; }

Right now you’re applying your styles to the div elements themselves and not the actual button elements.

Thank you for the quick reply! To clarify, are you saying i should change my HTML from this:

Reset
to this: Reset

I was able to figure out what needed to be done. Thank you again!

Hi, I am also struggling a bit with this part. Should I actually be making this edit for the buttons in my HTML sheet?

Hello!

If you have your buttons set up like this in htmlScreen Shot 2020-06-26 at 1.33.09 PM

Then you’ll want to style your buttons like this in css
button [type="submit] {width: 100%}

Oh! That makes sense :sweat_smile:. Thank you so much!

that only work on submit buttons correct? for the reset button you would have to make another line like this button [type=“reset”] {width: 100%}