flex-growとflex-shrinkの練習

<ul class="content">
  <li class="first">A</li>
  <li class="second">B</li>
  <li class="third">>C</li>
</ul>

.content{
    display:flex;
    flex-direction:row;
    width:80%;
    margin: auto;
}
.section{
        width:200px;
}

CSS設定

flex-growの値を入力してください。
.first{ flex-grow: } .second{ flex-grow: } .third{ flex-grow: }

flex-shrinkの値を入力してください。
.first{ flex-shrink: } .second{ flex-shrink: } .third{ flex-shrink: }

flex-basisの値を入力してください。
.first{ flex-basis: } .second{ flex-basis: } .third{ flex-basis: }

全て整数を入力したら下のボタンをクリックしてください。

CSS設置する