avinash201199/Free-courses-with-Certificates

[BUG]: Sidebar content overflows into the main component overlapping each other

Open

#857 opened on Oct 27, 2025

View on GitHubContributor guide
 (2 comments) (0 reactions) (1 assignee)CSS (312 forks)auto 404
hacktoberfesthacktoberfest-accepted

Repository metrics

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

Description

Bug Description

The sidebar currently overflows into the main component area when expanded. This causes layout overlap and reduces the readability and usability of both the sidebar and main content.

Steps to Reproduce

  1. Open the website/documentation.
  2. Observe that the sidebar content overlaps or spills into the main section.

Expected Behavior

The main component should adjust accordingly to when the sidebar is expanded to not cause overlapping of content.

Actual Behavior

When the viewport changes or the content is longer than expected, the sidebar extends or overflows into the main section, causing layout misalignment.

Screenshots

here the sidebar when expanded hides the information on the main content.

Environment

  • Browser: Safari
  • OS: macOS
  • Device: laptop

Contributor guide

Research direction
Adjust the CSS to prevent the sidebar from overflowing into the main content. Look for missing overflow or flex properties.
Tech stack
css
Domain
frontend
Issue type
Bug
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
CSSResponsive Design
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80