gorlandor

<div class="wrapper flex-vertically">
  <h1>Taco</h1>
  <div class="taco">
    <div class="shell shell-back"></div>
    <div class="ingredients">
      <div class="lettuce"></div>
      <div class="meat"></div>
    </div>
    <div class="shell shell-front"></div>
  </div>

gorlandor

Hamburger

A Pen by Giovanni Orlando on CodePen.

License.

gorlandor

<div class="wrapper flex-vertically">
  <h1>Pizza</h1>
  <div class="pizza flex-vertically">
    <div class="crust">
      <div class="cheese">
        <div class="slices slices--1-7"></div>
        <div class="slices slices--2-8"></div>
        <div class="slices slices--4-10"></div>
        <div class="slices slices--5-11"></div>
      </div>

gorlandor

<div class="flex-container flex-vertically">
  <h1>Pencil Jar</h1>
  <div class="pencil-jar-top"></div>
  <div class="pencil-jar-holder flex-horizontally">
    <div class="pencil pencil--size-small flex-vertically">
      <div class="top"></div>
      <div class="core"></div>
      <div class="tip"></div>
      <div class="lead"></div>
    </div>

gorlandor

09-Calendar

A Pen by Giovanni Orlando on CodePen.

License.

gorlandor

08-Notepad

A Pen by Giovanni Orlando on CodePen.

License.

gorlandor

<div class="table flex-vertically">
  <h1>CSS Ruler</h1>
  <div class="ruler">
    <div class="inches">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19</div>
    <div class="separator"></div>
    <div class="centimeters">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20</div>
  </div>
</div>

gorlandor

Clock

A Pen by Giovanni Orlando on CodePen.

License.

gorlandor

Favorite Animated Animal (Dory)

A Pen by Giovanni Orlando on CodePen.

License.

gorlandor

<div class="tiger flex-vertically">
  <div class="ears flex-horizontally">
    <div class="ear left-ear flex-vertically">
      <div class="inner-ear"></div>
    </div>
    <div class="ear right-ear flex-vertically">
      <div class="inner-ear"></div>
    </div>
  </div>
  <div class="face flex-vertically">