vinitshahdeo/PortScanner

[Frontend] Responsive Navbar

Open

#58 opened on Aug 16, 2020

View on GitHubContributor guide
 (3 comments) (0 reactions) (1 assignee)Python (122 forks)auto 404
CH20UI / UXeasyenhancementgood first issuehacktoberfesthelp wantedup for grabs

Repository metrics

Stars
 (150 stars)
PR merge metrics
 (PR metrics pending)

Description

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.

Contributor guide

Research direction
Study the existing navbar markup in src/templates/index.html and styles in src/static/index.css. Understand the required toggle behavior for mobile and responsive sizing. Implement media queries and JavaScript for toggle button.
Tech stack
htmlcss
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
HTMLCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75