June
576a6c4c56
Also use the container class on the entire body instead of just on the main, so that the footer is also in the container.
35 lines
411 B
CSS
35 lines
411 B
CSS
body {
|
|
font-family: system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif;
|
|
|
|
text-align: left;
|
|
}
|
|
|
|
.container {
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
footer {
|
|
margin-top: 4rem;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.title {
|
|
text-align: center;
|
|
}
|
|
|
|
.hero-img {
|
|
max-width: 500px;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
p.bigger {
|
|
font-size: 1.2rem;
|
|
}
|