Skeleton
Skeleton copied to clipboard
Unable to set Adjacent Divs
I have the following code:
<div class="container top2 ">
<div id="sidebar" class="two columns left">
<nav id="menu" class="nav">
<div id="avatar">
<img src="http://www.wojoscripts.com/fm/uploads/avatars/team7.jpg" />
</div>
</nav>
</div>
<div id="main" class="ten left columns">
PLay Area
</div>
</div>```
it's creating gap between 2 DIVs. As you can in image, there is a gap between black and Red DIV.
![screen shot 2015-03-19 at 5 23 10 pm](https://cloud.githubusercontent.com/assets/273196/6729970/82421ffe-ce59-11e4-84a7-538bc654c3cd.png)
You should have a <div class="row"></div>
to place your columns in. Also, without knowing how the "top2"
or "left"
classes are styled it would be hard to tell what is wrong.