Challenge: Building a Cells Grid in Tailwind

Problem statement

Create a 3×3 cells grid with the following five sections:

1. The first section occupies the three right cells.

2. The second section occupies the two cells in the center and the middle bottom.

3. The third section occupies the cell in the bottom left.

4. The fourth section occupies the cell in the middle left.

5. The fifth section occupies the two cells in the top left and in the middle top.

The divs used for the sections must be in this exact order. Use the image given below as a visual reference.

Bonus challenge: Try to achieve the desired result with a minimum amount of classes.

Expected output