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:
@ -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>
|
||||
)
|
||||
}
|
||||
|
@ -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>
|
||||
|
Reference in New Issue
Block a user