Added more nuance for small screen responsiveness

orbit-love / orbit-model

A framework for building high gravity communities 🪐

https://orbitmodel.com/

MIT License

986 stars 67 forks source link

Added more nuance for small screen responsiveness #62

Closed alexlsalt closed 2 years ago

alexlsalt commented 2 years ago

Overview

This PR introduces a new breakpoint 'xs' in tailwind.config to help offset the responsiveness issues on very small mobile screens (e.g. iPhone 4 or SE)

For the time being, I've removed the Homepage images from very small screens (until we can find a cleaner solution).

Testing

Pull down this branch and run npm run dev
Inspect the site using Chrome DevTools (emphasis on iPhone 4 and SE)

vercel[bot] commented 2 years ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
orbit-model	✅ Ready (Inspect)	Visit Preview	May 31, 2022 at 2:12PM (UTC)