}
@media screen and (min-width: 768px) {
+ .container {
+ max-width: 728px;
+ }
[class^="span"] {
float: left;
}
<a href="./getting-started.html">Get started</a>
</li>
<li class="">
- <a href="./css.html">Core CSS</a>
+ <a href="./css.html">CSS</a>
</li>
<li class="active">
<a href="./components.html">Components</a>
<a href="./getting-started.html">Get started</a>
</li>
<li class="active">
- <a href="./css.html">Core CSS</a>
+ <a href="./css.html">CSS</a>
</li>
<li class="">
<a href="./components.html">Components</a>
<a href="./getting-started.html">Get started</a>
</li>
<li class="">
- <a href="./css.html">Core CSS</a>
+ <a href="./css.html">CSS</a>
</li>
<li class="">
<a href="./components.html">Components</a>
<a href="./getting-started.html">Get started</a>
</li>
<li class="">
- <a href="./css.html">Core CSS</a>
+ <a href="./css.html">CSS</a>
</li>
<li class="">
<a href="./components.html">Components</a>
<a href="./getting-started.html">Get started</a>
</li>
<li class="">
- <a href="./css.html">Core CSS</a>
+ <a href="./css.html">CSS</a>
</li>
<li class="">
<a href="./components.html">Components</a>
<a href="./getting-started.html">Get started</a>
</li>
<li class="">
- <a href="./css.html">Core CSS</a>
+ <a href="./css.html">CSS</a>
</li>
<li class="">
<a href="./components.html">Components</a>
<a href="./getting-started.html">Get started</a>
</li>
<li class="">
- <a href="./css.html">Core CSS</a>
+ <a href="./css.html">CSS</a>
</li>
<li class="">
<a href="./components.html">Components</a>
<a href="./getting-started.html">{{_i}}Get started{{/i}}</a>
</li>
<li class="{{css}}">
- <a href="./css.html">{{_i}}Core CSS{{/i}}</a>
+ <a href="./css.html">{{_i}}CSS{{/i}}</a>
</li>
<li class="{{components}}">
<a href="./components.html">{{_i}}Components{{/i}}</a>
// Responsive: Tablets and up
@media screen and (min-width: 768px) {
+ .container {
+ max-width: 728px;
+ }
+
[class^="span"] {
float: left;
}