saadpasta/developerFolio

Big Projects section not visible on Android

Open

#486 opened on Apr 25, 2022

View on GitHub
 (4 comments) (1 reaction) (0 assignees)JavaScript (2,351 forks)batch import
bughacktoberfest

Repository metrics

Stars
 (4,696 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Describe the bug I added 8 Big projects to my portfolio and it was working good in desktops but when i open it in mobile it doesn't show the section there is only blank space available.

To Reproduce Steps to reproduce the behavior:

  1. Add more than 6 projects
  2. Open in mobile and scroll to the big projects section.

Expected behavior It should be visible as normal

Is this responsiveness Issue YES

Screenshots Screenshot_20220425-164512_Chrome

Smartphone (please complete the following information):

  • Device: [Stock Android]
  • OS: [Android]
  • Browser [Chrome]
  • Version [12.1]

Additional context I was debugging the issue and then I found that the issue is related to react-reveal package. I installed react-awesome-reveal package and did the modification and now it is working for me.

I suggest you should also replace react-reveal package with react-awesome-reveal becuase react-reveal package is deprecated and heavy , on the other side react-awesome-reveal package is lightweight and handy.

Contributor guide

Research direction
Verify the issue by reproducing on mobile. If confirmed, replace the `react reveal` package with `react awesome reveal` and ensure the Big Projects section renders correctly on mobile devices.
Tech stack
javascriptreact
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
reactGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75