フレックスで縦に並べる

あっているかはわからない。

<div id="box" style="
                           width: 300px;
                           display:flex;
                           flex-grow: 1;
                           align-content: center;
                           align-items: center;
                           flex-direction: column;">
           <a href="http://localhost">
            <img src="./menu/01.png"/>
           </a>
           <a href="http://localhost">
               <img src="./menu/02.png"/>
           </a>
           <a href="http://localhost">
               <img src="./menu/03.png"/>
           </a>

       </div>