Input radio doesn't check


I’ve trying to create these radio buttons but so far I cannot click them (they won’t “check”).
I’ve checked carefully my CSS but I can’t seem to find where is the problem.
I believe it could be the

ul li input[type="radio"] {
	position: absolute;
	visibility: hidden;

but I don’t know what else to do. :sweat:

If anyone could help me that would be great! :grin:

The problem is where you are hooking up inputs and labels.

label for attribute should correspond to its input's id not its name.

So your first label for should be favorite-food1, the next one favorite-food2, etc…

It doesn’t seem to work with “id” in my case, I have to put the attribute in “name” for some reason.

EDIT : it worked! :smiley: :smiley: