body {
- width: 100%;
+ max-width: 1000px;
margin: 0 auto;
+ padding: 0 10px;
+}
+
+main {
+ line-height: 1.5;
}
nav {
nav ul {
list-style: none;
- padding: 3px 5px;
+ padding: 0 5px;
}
nav a {
}
p {
- margin: 8px 0;
+ margin: 1em 0;
}
ul {
- padding: 0 40px;
- margin: 5px 0;
+ padding: 0 2em;
}
-main {
- max-width: 800px;
- margin: 0 auto;
- display: flex;
- flex-direction: column;
- align-items: center;
+code {
+ overflow-wrap: anywhere;
+}
+
+pre, nav {
+ overflow-x: scroll;
}
-footer {
- display: flex;
- flex-direction: column;
- align-items: center;
+img {
+ max-width: 100%;
}