画面いっぱいに広げない

通常ヘッダの左側にはロゴがありますが、どこまでブラウザを広げても左端につきっぱなしだとせっかくのブランドが窓際に追いやられているようです。
必ずしも悪いというわけではありませんが、コンテンツサイズに応じた横幅をヘッダに定義することも検討しましょう。

Tailwind CSSのcontainerユーティリティが便利です。

Container - Tailwind CSS

<header>
  <div class="container">
    <div class="logo">（ロゴマーク）</div>
  </div>
</header>

入力する内容を考えて

情報のボリュームに応じて、眺める面積は極力少なくしたほうがユーザーの目の動きによる負担も減るでしょう。