# Widths

### XSmall (50px)

Just add **sl-width-xs** class.

```markup
<div class="sl-width-xs">
```

### Small (100px)

Just add **sl-width-sm** class.

```markup
<div class="sl-width-sm">
```

### Medium (150px)

Just add **sl-width-md** class.

```markup
<div class="sl-width-md">
```

### Large (200px)

Just add **sl-width-lg** class.

```markup
<div class="sl-width-lg">
```

### XLarge (250px)

Just add **sl-width-xl** class.

#### Code:

```markup
<div class="sl-width-xl">
```

### Full (100%)

Just add **sl-width-full** class.

```markup
<div class="sl-width-full">
```

### Half (50%)

Just add **skeloading-width-half** class.

```markup
<div class="sl-width-half">
```