🐛 Homepage UI Issues - Githubissues

tinacms / tina.io

Organization site for general info, documentation, blogs & contribution guidelines.

https://tina.io

240 stars 1.59k forks source link

🐛 Homepage UI Issues #1840

Closed bettybondoc closed 1 week ago

bettybondoc commented 2 weeks ago

🐛 Describe the Bug

UI issues on desktop and mobile view

🧑‍💻 Reproduction Steps

Go to tina.io on mobile and desktop
See UI issues

🎯 Expected Behaviour

Clean UI with enough spacing between elements and consistent alignment/font size

💼 Tasks

[x] Mobile - Add spacing between GIF and heading (see screenshots)
[x] Mobile - Hero Section - Left-align CTAs
[x] Mobile - Reduce font size of "Trusted by" (make consistent or smaller than the main heading)
[x] Desktop - Add spacing between GIF and text (see screenshots)

✅ Acceptance Criteria

[x] UI issues fixed on both desktop and mobile
[x] Checked by Betty

📸 Screenshots

Figure: Mobile - Hero Section

Figure: Mobile - Trusted By

Figure: Spacing issues

Cc: @bradystroud @joshbermanssw

joshbermanssw commented 1 week ago

✅ Done - checked by Betty and live