GarimaSingh0109/Resum-Resume

[BUG] . Header Not Sticky When Scrolling

Aperta

#21 aperta il 1 ott 2024

Vedi su GitHubGuida contributor
 (1 commento) (0 reazioni) (1 assegnatario)HTML (220 fork)auto 404
gssoc24hacktoberfestlevel1

Metriche repository

Star
 (71 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Description:

The header in the Resume project does not remain fixed at the top of the viewport while scrolling, leading to a poor user experience. When users scroll down the page, the header disappears, making navigation difficult.

Expected Behavior:

The header should remain sticky at the top of the viewport while scrolling, allowing users to easily access navigation links.

Screenshot 2024-10-01 191307

Actual Behavior:

The header scrolls out of view and does not provide a consistent navigation experience.

I would like to work on this issue and implement a fix for the sticky header. Please assign this task to me @GarimaSingh0109 .

Guida contributor

Direzione di ricerca
Ispeziona il CSS dell'elemento header per assicurarti che `position: sticky; top: 0;` sia applicato correttamente e non sia sovrascritto da altri stili.
Tech stack
htmlcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
1
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
85