Quantcast
Channel: Active questions tagged flexbox - Stack Overflow
Viewing all articles
Browse latest Browse all 1318

Making gap in ul elemets

$
0
0

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


Viewing all articles
Browse latest Browse all 1318

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>