Как увеличить область зачета клика?

Question

[lololoshka2010]

1.при нажатии на левый квадратик,делающий галачку плохо срабатывает область нажатия(правая сторона).как можно сделать область зачета клика клика нормальной?
2.как то можно сделать,чтобы при смене категорий таски задвигались и выдвигались из нужной категории?
3.подобные проекты,где по большей части работа идет с js можно ложить в портфолио?https://codepen.io/sasasasassdasadsad/pen/qBxWgdd

Comments

[Ankhena]

1.при нажатии на левый квадратик,делающий галачку плохо срабатывает область нажатия(правая сторона).как можно сделать область зачета клика клика нормальной?

Нормально:
Скрытый с помощью паттерна visually-hidden (гуглится) инпут, после него лейбл, чтобы нажимать можно было в том числе и на текст. У лейбла - псевдо для стилизации под чекбокс.

2.как то можно сделать,чтобы при смене категорий таски задвигались и выдвигались из нужной категории?

Угу.
transition, @keyframes
Но не очень понятно что именно вы для этого делали и в чем именно сложность.

3.подобные проекты,где по большей части работа идет с js можно ложить в портфолио?

Это ваше портфолио, что хотите то и складывайте.

Answer 1

[Альберт Ефремов]

Левый квадратик, называется чекбокс. И у вас там все сверстано неверно. Для чекбоксов и лейблов есть специальные теги.

Кастомные чекбоксы можно верстать так https://www.youtube.com/watch?v=E6kLaaQFctU и чекбокс поместить в label, тогда по клику на надпись, чекбокс будет выставляться