justify-content — จัดบนแกนหลัก
ค่าที่ใช้บ่อย
flex-start · flex-end · center · space-between · space-around · space-evenly
.nav {
display: flex;
justify-content: space-between; /* ซ้าย–ขวาสุด ช่องกลางกระจาย */
}
.hero-actions {
display: flex;
justify-content: center; /* กลุ่มปุ่มกึ่งกลางแกนหลัก */
}
space-between เหมาะโลโก้ซ้าย + ลิงก์ขวา · center เหมาะกลุ่มปุ่มตรงกลาง