У вас должно быть 5 div-ов с родительским div у которого display: flex.
<footer class="footer">
<div class="footer-container">
<div class="footer-section logo">
<img src="logo.png" alt="Fast Food Logo">
<p>fastfood_us@gmail.com</p>
<p>www.fastfood_usa.com</p>
</div>
<div class="footer-section">
<h4>Our menu</h4>
<ul>
<li>Breakfast</li>
<li>Lunch</li>
<li>Dinner</li>
</ul>
</div>
<div class="footer-section">
<h4>Information</h4>
<ul>
<li>About us</li>
<li>Testimonial</li>
<li>Event</li>
</ul>
</div>
<div class="footer-section">
<h4>Useful Links</h4>
<ul>
<li>Service</li>
<li>Support</li>
<li>Conditions</li>
</ul>
</div>
<div class="footer-section social">
<h4>Social Handles</h4>
<div class="social-icons">
<a href="#"><img src="facebook-icon.png" alt="Facebook"></a>
<a href="#"><img src="twitter-icon.png" alt="Twitter"></a>
<a href="#"><img src="instagram-icon.png" alt="Instagram"></a>
</div>
</div>
</div>
</footer>
.footer {
background-color: #1a1a1a;
color: white;
padding: 20px 0;
}
.footer-container {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
max-width: 1200px;
margin: auto;
padding: 20px;
}
.footer-section {
flex: 1;
min-width: 180px;
text-align: center;
}
.footer-section h4 {
margin-bottom: 10px;
font-size: 18px;
text-transform: uppercase;
}
.footer-section ul {
list-style: none;
padding: 0;
}
.footer-section ul li {
margin: 5px 0;
}
.footer-section.logo img {
max-width: 120px;
}
.social-icons {
display: flex;
justify-content: center;
gap: 10px;
}
.social-icons img {
width: 24px;
height: 24px;
}