Need help on how to center all the items and text. Also need help making the 3 radio buttons appear on the same line. Any help is appreciated
You are wrapping them in divs, which are block level elements and thus have an implicit new line after them, so they each appear on their own line. You’ll either need to change the display type to something like
inline-block or better yet, use something like flexbox to line them up the way you want.
I don’t have time to go over everything, but you probably don’t want to have the display type on labels set to
block as again, that will make them block level elements and put an implicit new line at the end of them. Also, you’ve got things like
margin-left: 230px set on elements which is definitely going to throw off your centering.