world-class/REPL

[BUG] The mobile layout is broken on the FAQ page

toxoxi opened this issue · 3 comments

toxoxi commented

Describe the bug

  • The mobile layout is broken on the FAQ page (the screenshot is below)
    • It happens with an environment narrower than 560 widths.
  • This issue seems to come from the a-link for the PDF of the intellectual property policy is not wrapped with bullet points.
    • Other long URL links are wrapped with bullet points; therefore fine.

To Reproduce

  1. Go to https://world-class.github.io/REPL/faq/ using your smartphone or responsive viewer in the developer tool of your browser.
  2. The layout should be broken.

Expected behavior

  • In any width, the issue does not happen.

Screenshots

image

Smartphone (please complete the following information):

  • Device: Pixel 6a
  • OS: Android
  • Browser: chrome
  • Version: 114.0.5735.61

Additional context

  • nothing
kaushikpadmanaban commented

Thanks for bringing this to our attention! I was unable to reproduce the error, but I can see that there's a problem with the formatting. I will look into your fix.

toxoxi commented

@kaushikpadmanaban
Thank you for your quick response!

hmm... it still happens with my pixel 6a :(
I also got the same result in the secret mode, so it doesn't seem to be the cache problem.

Should we change the scss?

toxoxi commented

I have confirmed that it was solved with the above PR :)