Evo

Image Size

Image sizes for <img /> or <div> tags. Images will span 100% of their container. Useful for creating a rapid prototype.

Example Image Size

<img class="evo-image image-size-23 image-fpo" />

Combine the evo-image class with any image-size-[number] class. image-size-23 is nearly a 16:9 aspect ratio. image-size-32 is a square. image-square is a square.

Image Size Wide

image-size-1
image-size-2
image-size-3
image-size-4
image-size-4
image-size-5
image-size-6
image-size-7
image-size-8
image-size-9
image-size-10
image-size-11
image-size-12
image-size-13
image-size-14
image-size-15
image-size-16
image-size-17
image-size-18
image-size-19
image-size-20
image-size-21
image-size-22
image-size-23
image-size-24
image-size-25
image-size-26
image-size-27
image-size-28
image-size-29
image-size-30
image-size-31

Image Size Square

image-size-32 or image-square

Image Size Tall

image-size-33
image-size-34
image-size-35
image-size-36
image-size-37
image-size-38
image-size-39
image-size-33
image-size-34
image-size-35
image-size-36
image-size-37
image-size-38
image-size-39
image-size-40
image-size-41
image-size-42
image-size-43
image-size-44
image-size-45
image-size-46
image-size-47
image-size-48
image-size-49
image-size-50
image-size-51
image-size-52

Image Size Very Tall

image-size-53
image-size-54
image-size-55
image-size-56
image-size-57
image-size-58
image-size-59
image-size-60
image-size-61
image-size-62
image-size-63
image-size-64
image-size-65
image-size-66
image-size-67
image-size-68
image-size-69
image-size-70