今回、 CSS の footer .container{...} に display: flex を指定し、要素を横並びにしていましたが、footer {...} に指定すると、要素が横並びにならず、 footer の領域が右側に狭まる結果となりました。
なぜ footer .container に指定したのと同様の結果が得られなかったのでしょうか？
ご回答のほど、よろしくお願いいたします。