add new quote and heading

This commit is contained in:
a 2022-07-04 06:31:42 -05:00
parent a98ffca38f
commit a553ade3b0
2 changed files with 21 additions and 3 deletions

View file

@ -22,15 +22,27 @@
margin-top: 2em; margin-top: 2em;
} }
.quotes { .quotes {
color: #555;
padding: 2rem; padding: 2rem;
font-size: 1.25rem; font-size: 1.25rem;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
justify-content: space-around; justify-content: space-between;
line-height: 1.5; line-height: 1.5;
gap: 4rem; gap: 2em;
font-family: monospace; font-family: monospace;
.heading {
font-weight: 700;
font-family: initial;
}
}
.quotes-container {
color: #555;
display: flex;
flex-flow: column;
justify-content: space-around;
flex-grow: 1;
gap: 3rem;
} }
#summary .container { #summary .container {

View file

@ -20,6 +20,8 @@
</dl> </dl>
</article> </article>
<div class="quotes"> <div class="quotes">
<h2 class="heading">things people have said to me</h2>
<div class="quotes-container">
<blockquote> <blockquote>
<p>it's scary how much you know.</p> <p>it's scary how much you know.</p>
</blockquote> </blockquote>
@ -29,6 +31,10 @@
<blockquote style="text-align: center"> <blockquote style="text-align: center">
<p>VERY MUCH not garbage [...] a worthwhile human</p> <p>VERY MUCH not garbage [...] a worthwhile human</p>
</blockquote> </blockquote>
<blockquote>
<p>honestly, i trust your judgement more than i trust my own.</p>
</blockquote>
</div>
</div> </div>
</div> </div>
</header> </header>