tailwindのflexで子要素の幅を固定する方法

Question

以下の通り、2つの要素を左右に出し分けたいです。
tailwind cssで、左の幅を固定しようとしていますが、自動幅になってしまいます。
以下をどのように修正すれば良いでしょうか？

<div class="flex">
    <div class="w-10">
      左要素
    </div>
    <div class="flex-1">
     　右要素
    </div>
</div>

Comments

[mather]

tailwindのみ適用するとちゃんと固定幅になっているようですが、その他のCSS（フレームワークやライブラリ、自身で実装したCSSファイル、など）が適用されていたりしませんか？https://codepen.io/mather314/pen/xxLbyaY

[neoz]

ありがとうございます、おそらく何ら家フレームワークのスタイルがあたっているかもしれません。見直します。