How do you make the space between the flex boxes smaller like around 5px? I also want to preserve the centering of both boxes. I tried to change the values of the margins but it did not work.
main { display: flex; flex-flow: row wrap;}div { width: 515px; height: 400px; border: 1px solid blue; box-shadow: 5px 5px 5px black; font-family: Arial; margin: auto;}<main><div>Lorem ipsum odor amet, consectetuer adipiscing elit. Velit tempor nam dui porttitor fames. Sociosqu elementum sit egestas mattis parturient dis. Auctor laoreet morbi montes ut bibendum curabitur posuere. Nam litora parturient mus tempor ullamcorper. Nascetur erat faucibus bibendum montes ullamcorper cursus ex mauris. Euismod scelerisque pretium volutpat venenatis facilisis. Morbi sit vitae dui mauris; orci ridiculus erat class nunc. Nisl hendrerit sodales sit dui habitant massa pharetra? Mollis litora donec porta est dictumst molestie duis. Lacus volutpat curae himenaeos montes nostra nec penatibus. Semper primis ante sem eget aenean eros. Suspendisse netus nulla est tempor adipiscing natoque, ut dis. Imperdiet adipiscing congue sem penatibus, ultricies elit.</div><div>Lorem ipsum odor amet, consectetuer adipiscing elit. Dui mattis faucibus netus ut eleifend; curabitur sit. Donec enim lorem magnis himenaeos; convallis eu ridiculus. Varius posuere nullam facilisis proin ullamcorper euismod. Erat tempus ultricies sit accumsan himenaeos tortor tincidunt. Ut urna class efficitur et cubilia ipsum inceptos habitasse nibh. Interdum per nunc eu luctus; neque netus amet. Mi varius semper elit interdum risus mollis, morbi metus fusce. Natoque hac aptent porttitor; sem lacinia eros. Mi hac non at egestas tellus ac feugiat aptent. Duis suscipit nunc ultricies tincidunt mattis mus sodales. Gravida tristique taciti aptent fusce ultrices vestibulum lobortis.</div></main>