Nutrition Facts Table in HTML and CSS

PHOTO EMBED

Mon Mar 08 2021 20:07:23 GMT+0000 (UTC)

Saved by @randomize_first #html

<img src="https://s.cdpn.io//NutritionFacts.gif" class="image">

​
3
<section class="performance-facts">

  <header class="performance-facts__header">

    <h1 class="performance-facts__title">Nutrition Facts</h1>

    <p>Serving Size 1/2 cup (about 2g)

      <p>Serving Per Container 8</p>
8
  </header>

  <table class="performance-facts__table">

    <thead>

      <tr>

        <th colspan="3" class="small-info">

          Amount Per Serving

        </th>

      </tr>

    </thead>

    <tbody>
content_copyCOPY

https://codepen.io/chriscoyier/pen/egHEK