When I have a navigationbar for example:
<div class ="navBar">
<ul>
<li> <a id="nav-questions" href="/questions">Questions</a>
</li>
<li> <a id="nav-questions" href="/questions">Answers</a>
</li>
</ul>
</div>
which will show on maximum screen-size something like this:
-
Questions
Answers
But when the screen-size is minimized to a size smaller than the navigation bar, it should stack vertical, like this:
- Questions
- Answers
I've read something about clearfix, but I'm not sure about it