creativecommons/legaldb

[Bug] Footer is not responsive for tablet screens

justaskulkarni opened this issue · 2 comments

Description

The 'Home' link overlaps with CC logo on tablet screens.

Reproduction

  1. Visit https://legaldb.creativecommons.org/
  2. Open inspect
  3. You will see the overlap of Home link and CC logo

Expectation

The site should be made responsive for tablet screens.

Screenshots

image

Resolution

  • I would be interested in resolving this bug.

Resolution:
The problematic part in the code:
image
image
Suggested Approach for tackling the issue:
Use of Bulma to fix responsiveness
Implementation:
image
image
Result:
Responsiveness is fixed as demonstrated below:
https://user-images.githubusercontent.com/98650743/223055076-ab648fed-1fdf-482f-9ae5-ef76605af5ee.mp4

This footer responsiveness is an issue with https://github.com/creativecommons/creativecommons.github.io-source as well. But there are people working on it, so rather than waiting in order to get it assigned over there, I raised the issue over here.
If this solution is acceptable to you, then the same solution can be applied for creativecommons/creativecommons.github.io-source#672 as well.