Homepage Responsiveness

Aperta
#300 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
css, html
Ambito
frontend, web-dev

Direzione di ricerca

The affected entry point is https://pulsar-edit.dev/; reproduce it in a phone-sized viewport with browser DevTools and inspect the homepage layout. Done means the large right-side gap is gone on phone widths while the desktop homepage and other pages remain usable.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug
Thanks in advance for your bug report!
  • Have you reproduced this issue in incognito/private browsing?
  • Have you made sure you issue doesn't already exist?
Where is the URL that this occurs?

https://pulsar-edit.dev/

What's your issue?

In phone screens, the website is not as responsive as it should be. There is a massive blank gap on the right side of the screen that looks like this on phones:

Image

and like this on desktops:

Image

Which OS/Browser/Version does this happen on?

Android/Chrome/Version 136 136.0.7103.60
Fedora Linux/Chrome/Version 136.0.7103.59 (Official Build) (64-bit)
Fedora Linux/Firefox/Version 138.0 (64-bit)
Fedora Linux/Brave/Version 1.78.94 Chromium: 136.0.7103.60 (Official Build) (64-bit)

Steps to Reproduce/Additional Details:

If on your phone:

  1. Open your preferred browser of choice and head to Pulsar's homepage
  2. This is what you will likely see:

If on your computer/laptop:

  1. Using your preferred browser, open up Pulsar's homepage
  2. Open up the devtools(using F12 if you're in Chrome), and select smaller screens (maybe the Samsung Galaxy S+ if youre in Chrome)
  3. This is what you'll likely see:

Image

You'll also notice that the other pages all work fine:

Image

Lingua principale
EJS
Stelle
31
Fork
33
Merge medio
2m
PR unite (30g)
2

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di pulsar-edit/pulsar-edit.github.io

Tutte le issue di pulsar-edit/pulsar-edit.github.io

Issue simili

Altre issue su Web Dev

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.