.box {
  padding: 20px;            /* same on all sides */
  padding: 10px 20px;       /* top/bottom  left/right */
  padding-top: 10px;        /* individual sides */
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.box {
  border: 2px solid black;         /* width, style, color */
  border: 4px dashed red;          /* dashed border */
  border: 3px dotted blue;         /* dotted border */
  border-radius: 10px;             /* rounded corners! */
  border-radius: 50%;              /* makes a circle! ⭕ */
}

.box {
  margin: 20px;             /* same on all sides */
  margin: 10px auto;        /* auto centres horizontally! */
  margin-top: 50px;         /* push 50px from top */
}

.card {
  width: 300px;             /* exact pixel width */
  width: 50%;               /* 50% of parent width */
  max-width: 600px;         /* never wider than this */
  height: 200px;
}

<div class="game-card">
  <h2>⚔️ Minecraft</h2>
  <p>Build anything you can imagine!</p>
  <button class="play-btn">Play Now</button>
</div>

.game-card {
  width: 280px;
  background-color: #1e1e2e;
  color: white;
  border: 2px solid #7c3aed;
  border-radius: 16px;
  padding: 24px;
  margin: 20px auto;
}

.play-btn {
  background-color: #7c3aed;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 16px;
}