Challenge: Grid Layout Mastery

Task

Complete the HTML structure by adding the missing Tailwind CSS classes to meet the layout requirements.

• Grid container: Define a grid with three columns and a gap of 1rem (16px) between items;

• First item: Span across two columns;

• Second item: Span across one column;

• Third item: Span across all three columns.

• For the grid container, use grid grid-cols-3 gap-4;

• For the first item, use col-span-2;

• For the second item, use col-span-1;

• For the third item, use col-span-3.