แนะนำให้ทำ center ตั้งแต่ .feature เลยครับจะดูจัดกลางสวยกว่า
.features{padding: 0 10%;text-align:center}
.feature-wrap{margin:15% auto 0}
.feature-wrap i{float:none}
แล้วก็ทำไอคอนให้เล็กลงมาซะครับ
.feature-wrap i{font-size: 28px;height: 60px;width: 60px;line-height: 200%;float: none;margin-right: 0;}
h3 ก็ปรับ line-height ให้เหลือเ็นซํก h3{font-size:0.98em;line-height: 1.3em;}
ประมาณนี้ก็จะได้การแสดงผลที่ดููดีครับ และไม่เปลืองเนื้อที่แนวตั้งมากไป
ถามอีกอย่างครับตรง icon ผมอยากใส่เป็นตัวอักษร A B C D อะครับ แต่มันไม่มีชื่อ icon ต้องทำยังไงอะครับ สามารถสร้างขึ้นมาเองได้มั้ยครับ แล้วถ้าสร้างขึ้นมาเองนี้ จะเรียกใช้ยังไง
ให้ดูตรง <i class="fa fa-bullhorn"></i> มันจะไม่มีอักษรก็ใส่ A ไปครับเป็นแบบนี้ <i class="fa fa-bullhorn">A</i>
แล้วก็ไปดูตรง css .fa-bullhorn:before{content: "\f0a1";} ก็ลบเป็น .fa-bullhorn:before{}
ก็จะได้อักษร A ในวงกลม อยากปรับสไตล์อักษรก็แก้ที่คลาส .feature-wrap i
เป็นอันเสร็จ
ถ้าถามเพิ่มอีกผมเก็บตังค์ละนะ
