Schillerdavis / todo_reactjs_desafio_fundamentos

Desafio Fundamentos do ReactJS do curso da Rocketseat
MIT License
0 stars 0 forks source link

Conteúdo não está centralizado verticalmente #1

Open DeeSouza opened 9 months ago

DeeSouza commented 9 months ago

https://github.com/Schillerdavis/todo_reactjs_desafio_fundamentos/blob/a5805138144766d6ca3ba29783bd45c64f868ec2/src/components/Task.module.css#L1

image

DeeSouza commented 9 months ago

https://github.com/Schillerdavis/todo_reactjs_desafio_fundamentos/blob/a5805138144766d6ca3ba29783bd45c64f868ec2/src/components/Task.module.css#L6

Note que o checkbox não está centralizado verticalmente junto com o texto e o ícone da lixeira. Você pode adicionar aqui o align-items: center.

E você pode controlar o espaçamento interno desse componente colocando um padding: 0 20px; nessa classe .task também.