Verified Commit 9f7335a8 authored by Aral Balkan's avatar Aral Balkan
Browse files

Tweak layout

parent 42d0d0e0
......@@ -340,11 +340,6 @@ aside.tip::before {
* *
********************************************************************************/
#small-web {
/* margin-top: -1em; */
/* margin-bottom: 4rem; */
}
#small-web h2, #highlights h2, main h2 {
text-align: center;
margin-top: 4rem;
......@@ -361,6 +356,7 @@ aside.tip::before {
margin-right: auto;
}
#small-web-details {
display: flex;
justify-content: space-between;
......@@ -582,8 +578,8 @@ main li {
* *
********************************************************************************/
/* Main content padding becomes too large. */
@media(max-width: 768px) {
/* Main content padding becomes too large. */
@media(max-width: 768px) {
main {
padding-left: 1rem;
padding-right: 1rem;
......@@ -634,8 +630,8 @@ main li {
}
}
/* The title in the first card wraps to two lines. */
@media(max-width: 615px) {
/* The title in the first card wraps to two lines. */
@media(max-width: 615px) {
#small-web-details {
flex-wrap: wrap;
}
......@@ -654,6 +650,10 @@ main li {
padding-right: 0.5em;
}
#small-web h2, #highlights h2, main h2 {
width: 90%
}
/* Make each card fill up the full width of the display so we get a */
/* single column on narrower viewports. */
#small-web-details div {
......@@ -689,6 +689,3 @@ main li {
margin-bottom: 1em;
}
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment