/css/ - CSS Masters

I've been working tirelessly to align some elements in my project using flexboxes and I cant seem to get it right no matter what. Any help would be greatly appreciated!! Here are the details: - The container has `display:flex` with wrap set as 'wrap'. - Inside this, there is a div that contains multiple child components (each one being an image). Each of these images should have equal space on all sides within their parent. I've tried using different combinations for the properties like justify-content and align-items but nothing seems to work! Any advice or suggestions would be wonderful ```css hidden /* My current attempt */ #container { display: flex; wrap :wrap } /*…other props*/.childContainer img{ width, height //etc} #container. childimg{ justify-content: space-around;} ```