.container についての flex:1; は縦方向なのに対して、 mainについての flex:1; は横方向だと思うのですが、どう使い分けるのでしょうか。