some responsiveness tweaks
This commit is contained in:
parent
aa91046bc5
commit
d2aef1d7a1
4 changed files with 51 additions and 1 deletions
|
@ -6,6 +6,16 @@ body {
|
|||
margin-right: auto;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
main {
|
||||
padding: 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Choose more pretty colors than vanilla HTML */
|
||||
|
||||
body {
|
||||
|
@ -111,6 +121,12 @@ pre {
|
|||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* And don't let code examples fly off and overflow the window */
|
||||
|
||||
pre {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
/* Also don't let images get out of hand */
|
||||
|
||||
img {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue