Skip to content
This repository was archived by the owner on Sep 30, 2020. It is now read-only.

Commit 00ac0ed

Browse files
committed
Move infobox headers from left to above
On my display, the code is long enough that it wraps, which is ugly. We could just make the code shorter, but there's a better solution. The low-resolution responsive view puts the infobox headers *above*, rather than to the left, which not only wastes less space but also just plain looks better. So let's just do that on the high-res view.
1 parent 6bf2d42 commit 00ac0ed

File tree

2 files changed

+12
-12
lines changed

2 files changed

+12
-12
lines changed

css/style.css

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -27,18 +27,14 @@ ul.menu li>ul {
2727
line-height: 1.5em;
2828
}
2929

30-
.col-md-3 h2 {
30+
.boxhead h2 {
3131
font-weight: bold;
3232
font-size: 1.1em;
3333
line-height: 24px;
3434
margin-left: 10px;
3535
margin-right: 10px;
3636
}
37-
@media (min-width: 992px) {
38-
.col-md-3 h2 {
39-
text-align: right;
40-
}
41-
}
37+
4238
.table-features {
4339
width: 100%;
4440
margin-bottom: 18px;
@@ -49,4 +45,4 @@ ul.menu li>ul {
4945
.table-features td {
5046
padding: 6px 12px;
5147
border: none;
52-
}
48+
}

index.html

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -85,10 +85,12 @@ <h1>Rust <small>a safe, concurrent, practical language</small></h1>
8585
</p>
8686

8787
<div class="row">
88-
<div class="col-md-3">
88+
<div class="col-md-12 boxhead">
8989
<h2>A short summary of features</h2>
9090
</div>
91-
<div class="col-md-9">
91+
</div>
92+
<div class="row">
93+
<div class="col-md-12">
9294
<table class="table-features table-hover"><tbody>
9395
<tr><td>Type system</td><td>static, nominal, linear, algebraic, locally inferred</td></tr>
9496
<tr><td>Memory safety</td><td>no null or dangling pointers, no buffer overflows</td></tr>
@@ -102,10 +104,12 @@ <h2>A short summary of features</h2>
102104
</div>
103105
</div>
104106
<div class="row">
105-
<div class="col-md-3">
107+
<div class="col-md-12 boxhead">
106108
<h2>A very small taste of what it looks like</h2>
107109
</div>
108-
<div class="col-md-9">
110+
</div>
111+
<div class="row">
112+
<div class="col-md-12">
109113
<pre class="cm-s-default">
110114
<span class="cm-keyword">fn</span> <span class="cm-def">main</span>() {
111115
<span class="cm-keyword">let</span> <span class="cm-def">nums</span> = [<span class="cm-number">1</span>, <span class="cm-number">2</span>];
@@ -124,4 +128,4 @@ <h2>A very small taste of what it looks like</h2>
124128
</div>
125129
</div>
126130
</body>
127-
</html>
131+
</html>

0 commit comments

Comments
 (0)