jineshnagori/blogspot

Text Heading overlaps with header in Dark Mode

Aperta

#344 aperta il 5 ott 2025

Vedi su GitHubGuida contributor
 (2 commenti) (0 reazioni) (1 assegnatario)HTML (190 fork)auto 404
good first issuehacktoberfesthacktoberfest-accepted

Metriche repository

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

Descrizione

Issue: Button Not Visible and Text Overlaps Header in Dark Mode

Description

The main text appears to go behind the header navbar, which affects readability and layout. Additionally, when the website is switched to Dark Mode, the button color does not contrast well with the background, making it difficult to see.

Expected Behavior

  • Page text should stay below the header/navbar and remain fully visible.
  • The button should have a high-contrast color in dark mode (e.g., light or accent color).

Actual Behavior

  • The main text scrolls or renders behind the fixed navbar.

Screenshots (optional)

Could you please assign me to this task? I would be happy to help.

Guida contributor

Direzione di ricerca
Esamina il CSS che influenza z index e posizionamento dell'intestazione e del contenuto principale. Per la modalità scura, controlla gli stili dei pulsanti e aggiungi colori ad alto contrasto utilizzando la media query CSS prefers color scheme.
Tech stack
htmlcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
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.
80