Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Damaged Footer #147

Closed
Shubhrajyoti-Dey-FrosTiK opened this issue Oct 12, 2021 · 11 comments · Fixed by #148
Closed

Damaged Footer #147

Shubhrajyoti-Dey-FrosTiK opened this issue Oct 12, 2021 · 11 comments · Fixed by #148
Labels
bug Something isn't working

Comments

@Shubhrajyoti-Dey-FrosTiK
Copy link
Contributor

In the production as per the given link https://hackalog.copsiitbhu.co.in/ the footer section is broken as shown in the pics below

Screenshot 2021-10-13 at 1 36 31 AM

Moreover the mobile view is also not responsive as per the production website

I want to fix this. Can I please get the chance to do so ?

@shubhanshu02
Copy link
Member

I don't seem to be able to reproduce this bug. Can you specify which OS and Browser you are using?

@Hitansh-Shah
Copy link
Collaborator

I don't seem to be able to reproduce this bug. Can you specify which OS and Browser you are using?

I checked and it seems that the issue occurs on random times. Also it seems that ths issue is not with the footer as in mine browser the alignment of footer was damaged in other way.
Screenshot from 2021-10-13 20-12-38

@Shubhrajyoti-Dey-FrosTiK
Copy link
Contributor Author

Mac OS Chrome Browser

@shubhanshu02
Copy link
Member

Yep, right. Just noticed. Works fine locally, but something is wrong with the builds. After clearing build caches on Netlify and redeploying, I currently don't find the problem.

@Shubhrajyoti-Dey-FrosTiK @Hitansh-Shah can you check now if the problem persists?

@Shubhrajyoti-Dey-FrosTiK
Copy link
Contributor Author

Yes I also saw this type of a footer sometime as mentioned by @Hitansh-Shah

Can you see my code.
I just added some flex properties like flex wrap so that the content become responsive
Other thing I did is removed the minWidth of contributors which was hindering the rendering of the other components correctly
And the last thing I did was justifying content centre as space will already be there between the components because of the margin

@shubhanshu02
Copy link
Member

If I'm not wrong, this problem was also encountered earlier by @tiger-yash in #85. 🤔

@Shubhrajyoti-Dey-FrosTiK
Copy link
Contributor Author

Yep, right. Just noticed. Works fine locally, but something is wrong with the builds. After clearing build caches on Netlify and redeploying, I currently don't find the problem.

@Shubhrajyoti-Dey-FrosTiK @Hitansh-Shah can you check now if the problem persists?

Yes I checked it now.

Seems to be fixed

@shubhanshu02
Copy link
Member

As @Hitansh-Shah mentioned, this issue doesn't seem to be only with the footer. In my case, the text and font was distorted on the entire page 🤔

@Hitansh-Shah
Copy link
Collaborator

@Shubhrajyoti-Dey-FrosTiK @Hitansh-Shah can you check now if the problem persists?
It seems to work fine now.

@Hitansh-Shah
Copy link
Collaborator

As @Hitansh-Shah mentioned, this issue doesn't seem to be only with the footer. In my case, the text and font was distorted on the entire page thinking

Maybe display property of a parent component is causing the issue.

@shubhanshu02 shubhanshu02 added this to To do in Hackalog Frontend v2 via automation Oct 13, 2021
@shubhanshu02 shubhanshu02 added the bug Something isn't working label Oct 13, 2021
@shubhanshu02 shubhanshu02 linked a pull request Oct 13, 2021 that will close this issue
5 tasks
@shubhanshu02
Copy link
Member

Maybe display property of a parent component is causing the issue.

Maybe the case 🤔

Hackalog Frontend v2 automation moved this from To do to Done Oct 17, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Development

Successfully merging a pull request may close this issue.

3 participants