1
1
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00

fix: usage of correct heading levels and html tags

This commit is contained in:
2024-05-16 09:56:19 +02:00
parent 66cf6d7438
commit bbb2e56512
11 changed files with 79 additions and 81 deletions

View File

@ -27,13 +27,13 @@ export const SkillComponent = (props: SkillComponentProps): JSX.Element => {
}
return (
<a
href={skillProperties.link}
className="mx-2 max-w-xl text-primary hover:underline dark:text-primary-dark"
target="_blank"
rel="noopener noreferrer"
>
<div className="text-center">
<li>
<a
href={skillProperties.link}
className="mx-2 flex max-w-xl flex-col items-center justify-center text-center text-primary hover:underline dark:text-primary-dark"
target="_blank"
rel="noopener noreferrer"
>
<Image
className="inline size-16"
quality={100}
@ -43,7 +43,7 @@ export const SkillComponent = (props: SkillComponentProps): JSX.Element => {
src={getImage()}
/>
<p className="mt-1 font-semibold">{skill}</p>
</div>
</a>
</a>
</li>
)
}

View File

@ -18,7 +18,7 @@ export const SkillsSection = (props: SkillsSectionProps): JSX.Element => {
{title}
</h3>
</div>
<div className="flex flex-wrap justify-around">{children}</div>
<ul className="flex flex-wrap justify-around">{children}</ul>
</div>
</div>
</div>