Step 16 in Responsive Design doesn't work on Chrome

[albedesign]

As you can see it already has

label {
display:block
}

So I cannot put the answer of

label {
display:block;
margin: 0.5rem auto;
}

[albedesign]

I tried doing it this way but it was obviously wrong lol

[DobarBREND]

Welcome to our community!

You need to add another property, ’ display’, and set its value to ‘block’. Reread the instructions.

P.S.
If you have a problem passing the challenge in spite of the right solution, try the following:

1. Reset step
2. Refresh browser (F5)
3. Disable extensions in the browser
4. Clear cash and restart the browser
5. Change the browser.

[albedesign]

I changed the browser I was using and it went back to normal. Idk why half of the answer was already jotted down when I didn’t even START #16.

I guess your layout doesn’t work on every browser? Isn’t that the point of responsive design? If FCC is teaching it, than their courses should be showing correct on every major browser.

[bbsmooth]

@albedesign

I guess your layout doesn’t work on every browser?

I just tested step 16 in Chrome and it passed for me.

I’m not exactly sure I understand what your issue was but sometimes things do get “messed up” and you need to try clearing the browser cache and restarting the step as @DobarBREND suggested above. But this can happen with any browser.

If you are able to consistently trigger this issue in Chrome then please give us more details so we can replicate it.

[DobarBREND]

@albedesign

I guess your layout doesn’t work on every browser?

Everything works just fine on every browser. I have used Chrome for years now, daily. But depending on the situation and the device I also use Firefox, Safary, Opera, and Edge. I have never had a problem passing any step, no matter which course from the FCC curriculum is in question.