A table is embedded inside one cell of a larger structure formed using display: table, display: table-row, and display: table-cell. The embedded table is the middle cell in the three bordered cells in this screenshot:

This exercise also provides practice using structural pseudo-class selectors. The selectors apply gold background to the days on the calendar during which NCAA basketball tournament games are played. Your display will look like the screenshot, except for the calendar dates. Use the current year, which means March dates will probably fall on different days of the week. Also, the cell on the right should contain material related to your favorite team.

Provide complete source code for the March Madness web page. The following template provides most of the code, so use it as a starting point. In the left section, youll need to add MARCH MADNESS. In the middle section, youll need to provide content for the calendar by adding March, Sun, Mon, , 1, 2, etc. In the right section, youll need to replace Jayhawks and the fight song with text for your favorite team. In the structural pseudo-class CSS rule, youll need to provide appropriate values in the selectors parentheses. Figuring out those values is a bit tricky. Heres a hint: To do something to a particular row and all subsequent rows or a particular cell within a row and all subsequent cells, use the formula, 1n+#, where # is the starting row number or starting cell number.

March Madness io March MARCHSun Mon Taes Wed Thur Fri The Jayhawks 7 Hail to thee our alma mater towering toward the blue. 9 10 12 13 415 16 17 1S 19 20 21 22 30 31 Lift the banner ever slyward, 23 24 25 26 27 28 29 March Madness io March MARCHSun Mon Taes Wed Thur Fri The Jayhawks 7 Hail to thee our alma mater towering toward the blue. 9 10 12 13 415 16 17 1S 19 20 21 22 30 31 Lift the banner ever slyward, 23 24 25 26 27 28 29