Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions src/app/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -164,6 +164,9 @@ export default function Home() {
<div className="relative z-10 flex flex-col items-center justify-center min-h-screen px-4 py-8">
{/* Header */}
<header className="text-center mb-8">
<h2 className="text-2xl md:text-4xl font-bold text-yellow-300 mb-4 drop-shadow-lg">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SUGGESTION: Semantic HTML - heading hierarchy issue

The <h2> element appears before the main <h1> element, which violates HTML heading hierarchy best practices. According to accessibility guidelines, <h1> should be the main heading and appear first in the document structure.

Consider either:

  1. Removing the <h2> element
  2. Changing it to a <p> or <div> with appropriate styling
  3. Restructuring so <h1> comes first

Let's go!
</h2>
<h1 className="text-4xl md:text-6xl font-bold text-white mb-4 drop-shadow-lg">
Ski Trip Countdown
</h1>
Expand Down