Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Layout issues in mobile #346

Open
ThomasKranitsas opened this issue May 17, 2022 · 6 comments
Open

Layout issues in mobile #346

ThomasKranitsas opened this issue May 17, 2022 · 6 comments
Assignees

Comments

@ThomasKranitsas
Copy link
Collaborator

Verify the Website Design page in mobile device

Observed the below layout issues.

First page and Review page:

Screenshot_20220517-110643_Chrome
Screenshot_20220517-110652_Chrome
Screenshot_20220517-110707_Chrome
Screenshot_20220517-110821_Chrome

Device: Samsung Galaxy A51

Software version: Android 11

Browser: Chrome

@dedywahyudi
Copy link
Collaborator

@marioskranitsas @ThomasKranitsas @Oanh-and-only-Oanh

Here's the latest feedback:

Verified against the mobile design, here are all the issues in mobile:

The issues 1-10 are on both Android and iOS

Issue 11 and 12 are only in iOS

Device details:

Samsung Galaxy A51 / Software version: Android 11 / Browser: Chrome

iPhone 6S / iOS 13.7 / Safari

  1. Banner on the basic info page is different:

Design:
1-figma

App:
1-mobile

  1. The price and days row icons are not aligned on the basic info page

Design:
2-figma

App:
2-mobile

  1. Too many spaces in Project title section/Your industry section/after ' Styles & themes' section/

Design:
3-figma

App:
3-mobile
4-1-figma
4-1-mobile

  1. The separation line is missing before ‘Your Industry’ section

Design:
4-2-figma

App:

4-2-mobile

  1. Design shows 3 colors ina row but the app has only 2 in a row

Design:
5-figma

App:
5-mobile

  1. Default text not visible in color specify field and too many spaces before it

Design:

6-figma

App:

6-mobile

  1. The Save for later button and submit buttons deviates from the design

Design:
7-figma

App:
7-mobile

  1. Banner on the Review and payment page is different:

Design:
8-figma

App:
8-mobile

  1. The price and days row icons are not aligned on the Review and payment page

Design:
9-figma

App:
9-mobile

  1. Alignment issue in the checkbox text on payment section

Design:
10-figma

App:

10-mobile

  1. There’s an outline when the colors are selected

App:

11-mobile

  1. The save for later button is not visible

App:
12-mobile

@marioskranitsas
Copy link
Collaborator

the feedback is not related its not part of the original requirements, are you sure that this part is for this issue?

@dedywahyudi
Copy link
Collaborator

Wait, i'm waiting PM respond.
I'll let you know

@dedywahyudi
Copy link
Collaborator

@marioskranitsas Let's proceed this. PM confirmed

@dedywahyudi
Copy link
Collaborator

@marioskranitsas This one completed? Any updates?

@marioskranitsas
Copy link
Collaborator

@dedywahyudi 0nly a minor issue is left. I’m currently out of office and I’ll complete this by today EOD or tomorrow morning EST

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants