การสร้างส่วนท้ายด้วยไอคอนโซเชียลมีเดียและรูปภาพถูกป้อน แต่อันหนึ่งสูงกว่าอีกอันหนึ่งอย่างผิดปกติ ไม่แน่ใจว่าจะแก้ไขได้อย่างไร :( นี่คือรหัส html ของฉัน:

<div class="socials">
              <li><a href="https://www.facebook.com/Geekyourselfout/"><img src="facebook-box-fill.png" alt="Facebook"</a></li>
              <li><a href="https://www.instagram.com/geekyourselfout/"><img src="instagram-fill.png" alt="Instagram"</a></li>
            </div>

และโค้ด CSS ภายนอก:

.socials  {
  Display: flex; 
  Align-items; center;
  Justify-content: center; 
 }
.socials img  {
  Width: 50px;
  Height: 50px;
  }
.socials a  {
  Text-decorations: none;
  }
.socials li {
  List-style-type: none;
  }
.socials a:hover {
  Color: red;
  }

นี่คือภาพของลักษณะที่ปรากฏ rn คำแนะนำและความช่วยเหลือทั้งหมดจะได้รับการชื่นชม ขอบคุณล่วงหน้า :)