.no-tasks-message {
display: flex;
justify-content: center;
width: 100%; /* <---- вот это */
height: 100%; /* <---- и вот это */
align-items: center;
position: absolute;
font-size: 2rem;
color: rgba(0, 0, 0, 0.623);
}
if (items.length === 0) emptyListMessage.classList.remove("hidden");
, если уберешь его или изменишь, то все отлично будет работать и добавляться if (list.length === 0) input.setAttribute('readonly', 'false')
но он неправильно описан