Skip to content

[BUG]: Dark Academia Layout #528

Closed

Description

@aarushii25

Description

Problem

In the Discovery page, "Dark Academia"
section is showing only 1 book (Dune)
while other sections like "Rainy Evening
Reads" show multiple books properly.

Suggested Fix

CSS flexbox/grid layout fix needed
for Dark Academia section

I would like to work on this issue
as a GSSoC 2026 contributor.
@devanshi14malhotra
please assign this to me!

Steps to Reproduce

  1. Open BiblioDrift live demo
  2. Go to Discovery page
  3. Scroll to Dark Academia section
  4. Only 1 book visible

Expected Behavior

Multiple books should be visible
in Dark Academia section like
other sections on the page

Actual Behavior

Only 1 book (Dune by Frank Herbert)
is visible in Dark Academia section
Rest of the books are not rendering

Screenshots / Logs

Image

OS

windows 11

Browser

Chrome

Version

latest

Activity

  1. aarushii25 commented on May 15, 2026

    @aarushii25
    Author

    Hi @devanshi14malhotra,
    I have raised this issue and
    would like to work on it
    as a GSSoC 2026 contributor.
    Can you please assign it to me?
    Thank you! 😊

  2. SHAILI-GUPTA commented on May 15, 2026

    @SHAILI-GUPTA

    Hi @aarushii25

    I would like to work on this issue.

    I’m currently exploring the UI structure and styling system used in the project. Since I’m learning frontend development and responsive UI handling through open-source contribution, this issue looks like a valuable opportunity for me to contribute meaningfully while improving the overall user experience.

    My planned approach:

    1. Reproduce and inspect the layout issue locally
    2. Identify the affected sections/components causing the visual inconsistency
    3. Review the current CSS/layout structure and responsiveness behavior
    4. Improve spacing, alignment, and layout consistency while preserving the intended theme and aesthetics
    5. Test the updated layout across multiple screen sizes/devices
    6. Verify that no additional UI regressions are introduced before submitting the PR

    Please assign this issue to me if available. Excited to contribute to the project

  3. added
    level:intermediateGSSoC'26 intermediate level PR/issue
    GSSoC'26For all issues/PRs related to GSSoC'2026 open source event
    on May 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

GSSoC'26For all issues/PRs related to GSSoC'2026 open source eventlevel:intermediateGSSoC'26 intermediate level PR/issue

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions