🔎 Spot the Error: CSS Edition!

What's wrong with this CSS rule?

• Missing unit for width

• Incorrect height property

Identify the error in this code:

• "display: flex" is incorrect

• "justify-items" should be "justify-content"

SPOT THE ERROR:

• .card {

  width: 100;

  padding: 10px;

  margin: auto;

  }

• .card {

  width: 100px;

  padding: 10px;

  margin: auto;

  }

SPOT THE ERROR:

• .box {

  width: 200px;

  height: 100px;

  padding: 20px;

  border-style: dotted;

  }

• .box {

  width: 200px;

  height: 100px;

  padding: 20px;

  border: dotted;

  }

.container { display: flex; ​ (a)   : center;
align-items​: ​ (b)   ;

}

• justify-content
• center
• justify-items
• middle