What flex value does the first flex item have?

<html> <head> <style> .one { flex: 1 1 100px; background-color: #ff97a1; } .two { flex: 0 0 100px; background-color: #ffc86e; } .container {margin-bottom: 10px; border: solid 4px #D37947; display: flex; } .smaller { width: 50%; } </style></head> <body> <div class="container"> <div class="item one">1</div> <div class="item two">2</div> </div> <div class="container smaller"> <div class="item one">1</div> <div class="item two">2</div> </div> </body> </html> ]]>flex: 1 1 100px; because it shrinks and growsflex: 0 0 100px;

flex: 1 1 100px; because it shrinks and grows.