jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-24 20:00:39 -04:00
Code Issues Projects Releases Wiki Activity

fix(client): misaligned quotes on the 404 page (#49744)

Browse Source 
Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
This commit is contained in:
Wenodh
2023-03-21 13:19:22 +05:30
committed by GitHub
parent e5715b5948
commit e06ef206d4
2 changed files with 4 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/components/FourOhFour/404.css
View File

@@ -29,17 +29,10 @@
text-align: left;
}
.quote-wrapper span {
font-size: 50px;
.quote-wrapper .quote::before {
content: open-quote;
font-size: 25px;
font-weight: 700;
color: var(--tertiary-color);
font-style: normal;
padding-inline-start: 15px;
padding-top: 5px;
position: absolute;
border-radius: 0;
top: 0;
left: 0;
}
.quote-wrapper .author {

5
client/src/components/FourOhFour/index.tsx
View File

@@ -23,10 +23,7 @@ const FourOhFour = (): JSX.Element => {
<p>{t('404.heres-a-quote')}</p>
<Spacer paddingSize={15} />
<blockquote className='quote-wrapper'>
<p className='quote'>
<span>&#8220;</span>
{quote.quote}
</p>
<p className='quote'>{quote.quote}</p>
<p className='author'>- {quote.author}</p>
</blockquote>
</div>