Responsive design - 2 column down to one column

Question

I have 2 divs floated left so they will appear inline ```

test

``` When the screen falls below 400px I want the divs to appear underneath each other My current media query ``` @media(max-width: 400) { .leftColumn{background-color: Red; float: none} .rightColumn{background-color: Blue; float: right} } ``` Thanks to anyone who can help

Accepted Answer

You can have the same effect by

```
@media(max-width: 400) {
   .leftColumn, .rightColumn{width:100%;} 
}
```

Responsive design - 2 column down to one column

Solution

Problem