three tasks in this case study:

te a new folder for this JavaJam case study.

fy the style sheet $($javajam$.$css$)$ to configure style rules for the new tak fy the Menu page to use a table to display information as shown in $F$

Figure $8\mathrm{.}13$ Menu page with a table

actice Case Study

te Folder. Create a folder called javajam$8.$ If you have skinnod om your Chapter $6$ javaiam $6$ folw

Figure $8\mathrm{.}13$ Menu page with a table

Hands$-$On Practice Case Study

Task $1$: The Website Folder. Create a folder called javajam$8.$ If you have skipped Chapter $7,$ copy all the files from your Chapter $6$ javajam $6$ folder into the javajam$8$ folder. If you have completed Chapter $7,$ copy all the files from your Chapter $7$ javajam $7$ folder into the javajam$8$ folder.

Task $2$: Configure the CSS$.$ Modify the external style sheet $($javajam$.$cSs$).$ Open javajam.CSS in a text editor. Review Figure $8\mathrm{.}13$ and note the menu descriptions, which are coded in an HTML table. Add style rules to the javajam.css external style sheet to configure a table that is centered, takes up $90\%$ the width of its container, is configured with $0$ border$-$spacing and a background color. Configure td and th selectors with $10$ pixels of padding. Also configure a background color of #D$2$B$48$E in alternate rows $($use a class or the : $n$ th$-$of$-$type pseudo$-$class to configure odd table rows$).$ Save the javajam.css file.

Task $3$: Modify the Menu Page. Open menu.html in a text editor. The menu descriptions are configured with a description list. Replace the description list with a table that has three rows and two columns. Use th and td elements where appropriate. Configure line breaks as needed for the pricing information. Save your page and test it in a browser. If the page does not display as you intended, review your work, validate the CSS$,$ validate the HTML$,$ modify as needed, and test again.