Welcome to the Treehouse Community
Looking to learn something new?
I think I've found an issue with Chrome rendering the UI
So after completing the end of this video's coding -- styling the adjacent labels once the user selects the radio button -- for some reason the "3" in "Option 3" floats below the Option 1 label in the UI. However when using Firefox, this issue doesn't exist and the "3" remains within the width of the div element.
Hope this isn't an actual issue - thanks.
I am using firefox and had the same issue with dangling "3", I changed the form width to 326px and resolved the issue.
I apologize I should have been been specific and included that the issue occurs when the user selects a radio button; in Chrome (I tested on Version 37.0.2062.124 on a Mac) when I select a radio button, the "3" floats below "Option 1". In Firefox this doesn't occur...
Below I included the screenshot. I also tested using the "final" files from the lesson, showing the same result.
Maria T. RodriguezUX Design Techdegree Student 5,914 Points
Hello, I have encountered the same problem with the number 3 floating on the next line instead of the same line.
I tried Firefox and Safari and I'm getting the same error.
I'm curious to see why this is happening.
I know this isn't the real solution to this issue, but changing the font-size of the radio labels does prevent that annoying dangling "3" from occurring. Also, changing the width of the form works, too. Not the perfect solution, but it is easier on the eyes at least.