Rizkalla yellow strip mobile revision

Browser comparisons of the proposed change. Not live on the store.

Supplied revision: phone message 18px to 16px and button 16px to 15px. Desktop remains 24px message and 20px button.

All images below are the supplied browser screenshots. Each image shows the complete yellow strip, including the full button and close icon. The phone images are shown without CSS cropping.

390px phone comparison

Original

Original 390 pixel browser screenshot

App baseline sizing

Previous proposal

Previous proposal 390 pixel browser screenshot

Message 18px. Button 16px.

Revised phone

Revised 390 pixel browser screenshot

Message 16px. Button 15px.

320px phone comparison

Original

Original 320 pixel browser screenshot

App baseline sizing

Previous proposal

Previous proposal 320 pixel browser screenshot

Message 18px. Button 16px.

Revised phone

Revised 320 pixel browser screenshot

Message 16px. Button 15px.

1440px desktop comparison

Previous proposal

Previous proposal 1440 pixel browser screenshot

Message 24px. Button 20px.

Revised desktop

Revised 1440 pixel browser screenshot

Message 24px. Button 20px. Desktop unchanged.

Supplied measurements

ViewportPrevious stripRevised stripRevised text
1440px80px80px24px message and 20px button
390px102px65px16px message and 15px button
320px102px96px16px message and 15px button

These measurements and checks are copied from the supplied HQ Code report. They are not new checks by this gallery.

Open the browser evidence report ยท Open the supplied report page