# Layout modes

Isotope has a versatile layout engine that can accommodate multiple layout modes. Vertical layouts react to changes in browser width. Horizontal layouts react to browser height.

See docs on layout modes.

### Layout modes

- masonry
- fitRows
- cellsByRow
- straightDown
- masonryHorizontal
- fitColumns
- cellsByColumn
- straightAcross

1

### H

## Hydrogen

1.00794

2

### He

## Helium

4.002602

3

### Li

## Lithium

6.941

4

### Be

## Beryllium

9.012182

5

### B

## Boron

10.811

6

### C

## Carbon

12.0107

7

### N

## Nitrogen

14.0067

8

### O

## Oxygen

15.9994

9

### F

## Fluorine

18.9984032

10

### Ne

## Neon

20.1797

11

### Na

## Sodium

22.98976928

12

### Mg

## Magnesium

24.305

13

### Al

## Aluminium

26.9815386

14

### Si

## Silicon

28.0855

15

### P

## Phosphorus

30.973762

16

### S

## Sulfur

32.065

17

### Cl

## Chlorine

35.453

18

### Ar

## Argon

39.948

19

### K

## Potassium

39.0983

20

### Ca

## Calcium

40.078