Skip to content

Instantly share code, notes, and snippets.

View nopara73's full-sized avatar
🎯
Focusing

nopara73 nopara73

🎯
Focusing
View GitHub Profile
@nopara73
nopara73 / README.md
Last active June 28, 2026 11:17
Newsletter success dialog mobile wrapping proof

Newsletter success dialog mobile wrapping proof

The before state shows a long submitted email escaping the success dialog at phone widths. The after state wraps the email inside the dialog.

@nopara73
nopara73 / README.md
Last active June 28, 2026 10:54
Swagger mobile media type selector proof

Screenshot proof for Swagger mobile media type selector.

@nopara73
nopara73 / README.md
Created June 28, 2026 09:52
LongevityWorldCup application profile preview frame proof

Application profile preview frame proof

Before After
Before at 320px After at 320px
Before at 390px After at 390px
@nopara73
nopara73 / README.md
Created June 28, 2026 08:44
Swagger mobile schema label before/after proof

Before/after screenshots for the Swagger mobile schema label fix.

@nopara73
nopara73 / README.md
Created June 28, 2026 07:54
LongevityWorldCup event embed rank spacing before/after

Before/after PNG proof for event embed rank spacing.

@nopara73
nopara73 / README.md
Created June 28, 2026 07:15
Meta callback layout proof

Meta callback layout proof

Before: the callback result content sits in the far-left corner on a desktop-width viewport.

After: the same content is in a centered bounded panel while long callback values still wrap.

@nopara73
nopara73 / README.md
Created June 28, 2026 07:04
Page OG divider proof

Page OG divider proof

Before: the page OG vertical divider and large decorative mark sit underneath the headline text.

After: the text-safe panel covers the headline column and the decorative mark starts to the right of the headline.

@nopara73
nopara73 / README.md
Last active June 28, 2026 06:49
Swagger mobile viewport proof

Swagger mobile viewport proof

Before: the Swagger page has no viewport meta tag, so a 320px mobile browser receives a 980px layout and the UI is rendered as a tiny desktop page.

After: the Swagger page declares width=device-width, so the same 320px mobile browser gets the intended responsive Swagger layout.

@nopara73
nopara73 / README.md
Created June 28, 2026 03:41
Play athlete autocomplete before/after proof

Before/after proof for the play athlete autocomplete mobile layout.

@nopara73
nopara73 / README.md
Created June 28, 2026 03:06
LongevityWorldCup mobile expanded badge detail proof

Mobile expanded badge detail proof

The athlete modal badge grid lets a tapped badge expand to show details. Before the fix, mobile expanded details stayed inside the compact badge column, making the text narrow and hard to read. After the fix, the expanded badge uses a full-width row while the rest of the badge grid remains compact.

320px

Before

Before: expanded badge detail is squeezed into a narrow mobile badge column