Tailwind gap rendering was behaving differently on safari, causing for the landing page containers to be overlapping - this pr addresses this issue by;
[ ] Enforcing a margin right between on the left container
[ ] Reducing the command button size
[ ] And reducing the size of the left container
Figure: ❌ Overlapping image on safari
Figure: ✅ Safari view (from this PR) with fixed spacing
Note that this does make the google chrome sizing (which was test passed) slightly different
Email thread: ‼️Urgent - Tina.io Homepage - Safari issue
cc: @levijacksonssw
Tailwind gap rendering was behaving differently on safari, causing for the landing page containers to be overlapping - this pr addresses this issue by;
Figure: ❌ Overlapping image on safari
Figure: ✅ Safari view (from this PR) with fixed spacing
Note that this does make the google chrome sizing (which was test passed) slightly different