Mission 7: Padding

เป้าหมายของ Mission นี้: เว้นระยะภายในกล่องด้วย padding

padding คืออะไร

padding คือระยะห่าง ใน กรอบของ element — ระยะระหว่างขอบกล่องกับเนื้อหา ข้างใน เขียนแบบเดียวกับ margin: แยกทิศทาง หรือ padding: 1.5rem; ทุกด้าน พร้อมกัน

Demo

.card {
  background-color: #f8fafc;
  padding: 1.5rem;
}