Code Lab Feedback

[watkin36]

Hey @stuartpearman, can you take a look at this? It's hosted here and meets the following project criteria:

• [x] Build a table using a table element, listing statistics for various branches of a national organization. Example stats should all be very impressive business terms, such as "Synergy Coefficient" or "Projected Bitcoin Dynamics". Include at least 3 stats for a very impressive table.
• [x] When the user hovers over each table cell, the background color should slowly transition to a different color.
• [x] When the user hovers over the table, it should transition to be slightly larger with a fancy scale transform.
• [x] When the user hovers over a table row (tr), the row should transition_ to the right slightly with a __translateX transform.
• [x] The client needs a fancy logo, so quickly create one with the Hipster Logo Generator, then include it in your page, above the table. It's very important to the client that a super awesome keyframe animation is applied when a user hovers over the logo. (You can create your own or steal an attention seeker from animate.css).

[stuartpearman]

Hey @watkin36, sorry for such a delay! It's looking good but there's a few things missing before it's up to ship-it squirrel standards.

You have a transition added to your td element:

td {transition: all 2s;}

To get a nice smooth transition for your other table effects, add a transition to your table and tr elements as well.

Also, have the zombie animation activate on hover instead. To do this, just add the pseudo class :hover to your img selector:

img:hover { ... }

[watkin36]

Thanks! I think I have it all addressed in the recently uploaded files. The new url is www.unwieldy-plate.surge.sh

[stuartpearman]

Looks great Scott! It's also good to know that MSU has the lowest zombie population :mask: :shipit: