Image Size

Image sizes for images using img tags.

Image Size Wide

.evo-image-1

.evo-image-2

.evo-image-3

.evo-image-4

.evo-image-4

.evo-image-5

.evo-image-6

.evo-image-7

.evo-image-8

.evo-image-9

.evo-image-10

.evo-image-11

.evo-image-12

.evo-image-13

.evo-image-14

.evo-image-15

.evo-image-16

.evo-image-17

.evo-image-18

.evo-image-19

.evo-image-20

.evo-image-21

.evo-image-22

.evo-image-23

.evo-image-24

.evo-image-25

.evo-image-26

.evo-image-27

.evo-image-28

.evo-image-29

.evo-image-30

.evo-image-31

Image Size Square

.evo-image-32.evo-image-square

Image Size Tall

.evo-image-33

.evo-image-34

.evo-image-35

.evo-image-36

.evo-image-37

.evo-image-38

.evo-image-39

.evo-image-33

.evo-image-34

.evo-image-35

.evo-image-36

.evo-image-37

.evo-image-38

.evo-image-39

.evo-image-40

.evo-image-41

.evo-image-42

.evo-image-43

.evo-image-44

.evo-image-45

.evo-image-46

.evo-image-47

.evo-image-48

.evo-image-49

.evo-image-50

.evo-image-51

.evo-image-52

The .image-size-[number] classes are helpful for displaying containers with background images displayed at a fixed ratio. .image-size-square is a square. .image-size-24 is nearly a square shape (96% tall).


   <img class="image-size-24"></p>

Image Size Very Tall

.evo-image-53.evo-image-square

.evo-image-54.evo-image-square

.evo-image-55.evo-image-square

.evo-image-56.evo-image-square

.evo-image-57.evo-image-square

.evo-image-58.evo-image-square

.evo-image-59.evo-image-square

.evo-image-60.evo-image-square

.evo-image-61.evo-image-square

.evo-image-62.evo-image-square

.evo-image-63.evo-image-square

.evo-image-64.evo-image-square

.evo-image-65.evo-image-square

.evo-image-66.evo-image-square

.evo-image-67.evo-image-square

.evo-image-68.evo-image-square

.evo-image-69.evo-image-square

.evo-image-70.evo-image-square