Blockquotes
A Blockquote is a block of content that is quoted from another source.
A Blockquote is a block of content that is quoted from another source.
the entry point more recently for non-traditionally educated people has been the bootcamps. They are typically teaching a framework-heavy style of development which gets students as quickly as possible up to speed with the technologies most likely to get them a job. However, I see from the questions I get from those who have been through that type of training, the basics are often glossed over at best.
Use the tabs to view the blockquotes source code.
<figure class="quote">
<blockquote>
the entry point more recently for non-traditionally educated people has been the bootcamps. They are typically teaching a framework-heavy style of development which gets students as quickly as possible up to speed with the technologies most likely to get them a job. However, I see from the questions I get from those who have been through that type of training, the basics are often glossed over at best.
</blockquote>
<figcaption>Rachel Andrew,
<cite><a href="https://rachelandrew.co.uk/archives/2019/01/30/html-css-and-our-vanishing-industry-entry-points/">HTML, CSS and our vanishing industry entry points</a></cite>
</figcaption>
</figure>
/*
Blockquote
----------------------------------- */
blockquote {
background: var(--colour-grey-light);
padding: 1rem;
margin-bottom: 1rem;
border: solid 1px var(--colour-grey);
}
blockquote:before,
blockquote:after {
font-family: var(--font-family);
color: var(--colour-pink);
font-size: 2rem;
line-height: 0.1rem;
}
blockquote:before {
content: open-quote;
margin-right: 0.25rem;
vertical-align: -0.2rem;
}
blockquote:after {
content: close-quote;
margin-left: 0.25rem;
vertical-align: -0.3rem;
}