Turning the Tables

Today you will practice building fully-fleshed out tables from scratch.

Friendly reminder: no Bootstrap!

Olympic Medal Count

olympic medal count example

Your challenge is to make a page as close in resemblance to the above as possible. There are a lot of cool elements to style. Be sure to prioritize the table itself before anything else.

Once you’re finished, you’ll have three options:

Option A: Gaming Leaderboards or Sports Standings

gaming leaderboard example

The above is just an example. Feel free to use different content.

Option B: Nutrition Facts

Nutrition Facts

This is a slightly trickier challenge than you think. See if you can make it pixel-perfect without resorting to online code examples!

Option C: Whatever table you want!

Examples include: sports standings, gaming leaderboards, mobile phone pricing plans, etc.

Remember, details matter.