# Bootstrap Layout Exercise

[Exercise Link](https://appbrewery.github.io/bootstrap-layout/)

## Exercise 1

```html
  <div class="row">
    <div class="col-md-6">50% desktop, 100% mobile</div>
    <div class="col-md-6">50% desktop, 100% mobile</div>
  </div>
```

## Exercise 2

```html
  <div class="row">
    <div class="col-lg-6 col-sm-12 col-10">Column 1</div>
    <div class="col-lg-3 col-sm-6 col-10">Column 2</div>
    <div class="col-lg-3 col-sm-6 col-10">Column 3</div>
  </div>
```

## Exercise 3

```html
      <div class="row">
        <div class="col-xxl-1 col-xl-2 col-lg-4 col-md-6">Column 1</div>
        <div class="col-xxl-11 col-xl-10 col-lg-8 col-md-6">Column 2</div>
      </div>
```
