Add a margin between stacked boxes for mobile view (they overlap)

SuffolkLITLab / RateMyPDF

RateMyPDF is a website that helps paper form authors (particularly for court forms) improve the usability of their forms for self-represented litigants. It uses the FormFyxer library to deliver its insights.

https://ratemypdf.com

MIT License

1 stars 1 forks source link

Add a margin between stacked boxes for mobile view (they overlap) #21

Closed nonprofittechy closed 5 months ago

nonprofittechy commented 1 year ago

I noticed when you change the viewport size, the landing page's information boxes can overlap. They shouldn't do that.

KindBill commented 5 months ago

From 5/22/24 call;

Check for any overlaps on the upload or results page

KindBill commented 5 months ago

codestronger commented 5 months ago

Adjusted the margins and positioning for the checkmark image on smaller devices. Screenshots to follow. Let me know if that looks okay now.

Upload Page (Before changes)

Mobile:

ratemypdf-upload-before-samsung-galaxy-s8

Desktop:

Upload Page (After changes)

Mobile:

ratemypdf-upload-after-samsung-galaxy-s8

Desktop:

Stats Page (Before Changes)

Mobile:

ratemypdf-stats-before-samsung-galaxy-s8

Desktop:

Stats Page (After Changes)

Mobile:

Desktop: