Spythere/spythere-portfolio
1
0
Fork 0
mirror of https://github.com/Spythere/spythere-portfolio.git synced 2026-05-04 22:18:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(about): invalid p tag descendant

Browse Source
This commit is contained in:
Spythere
2026-03-16 14:27:40 +01:00
parent b59414d0f3
commit 4621447113
2 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styles/About.styled.ts
+13 -13
View File
@@ -54,22 +54,22 @@ export const StyledAbout = styled.section`
border-radius: 1em; border-radius: 1em;
background-color: ${({ theme }) => theme.colors['600']}; background-color: ${({ theme }) => theme.colors['600']};
}
.stat-item-icon { .stat-item-icon {
position: absolute; position: absolute;
top: 0; top: 0;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
padding: 1em; padding: 1em;
background-color: ${({ theme }) => theme.colors['600']}; background-color: ${({ theme }) => theme.colors['600']};
border-radius: 50%; border-radius: 50%;
} }
p { .stat-item-text {
font-size: 1.25em; font-size: 1.25em;
line-height: 1.5em; line-height: 1.5em;
}
} }
@media screen and (max-width: ${deviceSize.md}) { @media screen and (max-width: ${deviceSize.md}) {
src/sections/AboutSection.tsx
+5 -5
View File
@@ -67,7 +67,7 @@ function AboutSection() {
<h2>{t('about.brief-1-title')}</h2> <h2>{t('about.brief-1-title')}</h2>
<p>{t('about.brief-1-content')}</p> <div className="stat-item-text">{t('about.brief-1-content')}</div>
</div> </div>
<div className="stat-item"> <div className="stat-item">
@@ -77,7 +77,7 @@ function AboutSection() {
<h2>{t('about.brief-2-title')}</h2> <h2>{t('about.brief-2-title')}</h2>
<p>{t('about.brief-2-content')}</p> <div className="stat-item-text">{t('about.brief-2-content')}</div>
</div> </div>
<div className="stat-item"> <div className="stat-item">
@@ -87,7 +87,7 @@ function AboutSection() {
<h2>{t('about.brief-3-title')}</h2> <h2>{t('about.brief-3-title')}</h2>
<p>{t('about.brief-3-content')}</p> <div className="stat-item-text">{t('about.brief-3-content')}</div>
</div> </div>
<div className="stat-item"> <div className="stat-item">
@@ -97,14 +97,14 @@ function AboutSection() {
<h2>{t('about.brief-4-title')}</h2> <h2>{t('about.brief-4-title')}</h2>
<p> <div className="stat-item-text">
<div> <div>
<FaVuejs size={30} color="seagreen" /> Vue <FaVuejs size={30} color="seagreen" /> Vue
</div> </div>
<div> <div>
<SiNestjs size={30} color="#fc466b" /> NestJS <SiNestjs size={30} color="#fc466b" /> NestJS
</div> </div>
</p> </div>
</div> </div>
</div> </div>
</StyledAbout> </StyledAbout>