overture-stack / website

Overture.bio website, based on Gatsby static site generator
GNU Affero General Public License v3.0
1 stars 2 forks source link

Acknowledgement Page Responsive CSS #289

Closed daniel-cy-lu closed 11 months ago

daniel-cy-lu commented 1 year ago

Create css responsive for Acknowledgement Page when view with mobiles and tablets.

daniel-cy-lu commented 1 year ago

https://deploy-preview-293--overture.netlify.app/acknowledgements/ @patrickdsantos

patrickdsantos commented 1 year ago

Wonderful job Daniel! This page is looking fantastic, just a couple of notes below:

  1. Decrease padding of hero text when screen width is >767px (see image attached). Currently there's 80px of padding plus and additional 50px. Can we reduce so the padding is 50px total? Screenshot 2023-08-21 at 10 46 35 AM

  2. Accommodate screens that are between 360px and 426px. Right now, when the window is smaller than 426px wide, the hero copy and body copy are no longer centred and starts to cut off. Could we continue to wrap text into a new line until 360px? Screenshot 2023-08-21 at 10 45 21 AM

patrickdsantos commented 1 year ago

Additional note for @daniel-cy-lu & @MitchellShiell

All feedback provided above can be made post-MVP launch.