Semantic HTML

[tonylomax]

Not sure about using div tags here. I think a button tag might be more semantically appropriate and accessible.

week-10-12-tfb-mark-gnnk/src/components/challenges/ChallengeCategoryItem.js

Lines 7 to 26 in 1871333

	<Rectangle backgroundColor="var(--main-green)">
	<div className={styles['category-task']}>
	<p>{task.name}</p>
	<div
	className={styles.checkboxContainer}
	id={task.id}
	onClick={onChecked}>
	{complete && (
	<div className={styles.checkboxMark}>
	<Image
	src="/icons/check-mark.svg"
	alt="check mark"
	width={20}
	height={20}
	/>
	</div>
	)}
	</div>
	</div>
	</Rectangle>