инструкция
В <body> добавь <main class="app"> с max-width 560px, margin 0 auto, padding 80px 24px 40px. Внутри сверху <header class="head"> с margin-bottom 40px: <div class="date" style="font-size: 12px; color: rgba(245,245,247,0.4); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 8px;">сегодня · четверг</div> и <h1 style="font-size: 40px; font-weight: 700; letter-spacing: -0.03em; color: #f5f5f7;">Дела</h1>. Стили в <style> в head: добавь .app, .head, .date, h1 как описано выше. Это база, на которой будет жить приложение.
что обратить внимание
- ›560px — оптимальная ширина для todo: не слишком узко, не слишком широко
- ›Маленький UPPERCASE-кикер сверху + большой заголовок — иерархия
- ›Минимализм Linear/Things — фокус на функции, не украшения