how to make so my three elements are strecthed out evenly?
I want to be like thisThis is me, coding
.flex { display: flex;}.js-spacebetween { justify-content: space-between;}
<footer class="padding-footer"><div class="wrapper-80 flex js-spacebetween"><div class="left"><img src="./images/Vector (3).png" alt="white logo" /><p>International Foundation for Electoral Systems (IFES)</p><div class="flex"><p><i class="fa-solid fa-phone"></i>+389-2-312-2288</p><p><i class="fa-regular fa-envelope"></i>ifes.nmk@ifes.org</p></div></div><div class="center"><ul><a href="#">Информирајсе</a><a href="#">Дискусии</a><a href="#">Контакт - кориснилинкови</a><a href="#">Законзазаштитаналичнитеподатоци</a></ul></div><div class="right"><ul><li>MK | AL</li><li><a href="#"><i class="fa-brands fa-square-facebook"></i></a><a href="#"><i class="fa-brands fa-instagram"></i></a><a href="#"><i class="fa-brands fa-youtube"></i></a><a href="#"><i class="fa-brands fa-tiktok"></i></a></li><li>© All Rights Reserved. | safeblink.mk</li></ul></div></div></footer>
Don't bother by the styling, all i want is the design to be like the picture