Space-content doesn't work for me, all the ruks are located together in my browser.I use display:flex and justify-content: space-between;Why the justify-content property is not working?I removed the max-width, but nothing helped.
.osn { flex-direction: column; display: flex; padding-left: 1.5%; } .name { padding-top: 17px; font: 1.5em Nunito; font-weight: bold; flex-direction: row; justify-content: space-between; padding-bottom: 20px; } .inf { display: flex; justify-content: space-around; } .ruk { display: flex; background: white; border-radius: 10px; padding: 25px; width: max-content; }<div class="inf"><div class="ruk"><img src="ima/ruk.svg" alt="ruk" class="ruk__img"><div class="ruk__text"><span class="ruk__count">173+</span><span class="ruk__label">Учениковраспозвано</span></div></div><div class="ruk"><img src="ima/ruk.svg" alt="ruk" class="ruk__img"><div class="ruk__text"><span class="ruk__count">173+</span><span class="ruk__label">Учениковраспозвано</span></div></div><div class="ruk"><img src="ima/ruk.svg" alt="ruk" class="ruk__img"><div class="ruk__text"><span class="ruk__count">173+</span><span class="ruk__label">Учениковраспозвано</span></div></div><div class="ruk"><img src="ima/ruk.svg" alt="ruk" class="ruk__img"><div class="ruk__text"><span class="ruk__count">173+</span><span class="ruk__label">Учениковраспозвано</span></div></div></div>Thanks