vinitshahdeo/PortScanner

[Frontend] Responsive Navbar

Aperta

#58 aperta il 16 ago 2020

Vedi su GitHubGuida contributor
 (3 commenti) (0 reazioni) (1 assegnatario)Python (122 fork)auto 404
CH20UI / UXeasyenhancementgood first issuehacktoberfesthelp wantedup for grabs

Metriche repository

Star
 (150 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Responsive navbar required for the current UI/UX for the project.

Make the required changes in the src/templates/index.html and src/static/index.css to add responsiveness in the navbar. In mobile view, navbar should toggle on button click and vary it's size according to screen size in desktop as well as mobile view.

Guida contributor

Direzione di ricerca
Studia il markup della barra di navigazione esistente in src/templates/index.html e gli stili in src/static/index.css. Comprendi il comportamento di attivazione/disattivazione richiesto per i dispositivi mobili e il ridimensionamento reattivo. Implementa media query e JavaScript per il pulsante di attivazione.
Tech stack
htmlcss
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
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
HTMLCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75