search

xmtp / xmtp-dot-org

xmtp.org, powered by Docusaurus
https://xmtp.org
MIT License
11 stars 25 forks source link

Bug: Updated text in homepage Discord module pushed CTA text out of alignment #110

Closed jhaaaa closed 2 years ago

jhaaaa commented 2 years ago

Describe the bug

The CTA for the Discord module on the homepage is misaligned on mobile.

I think the updated text in the module wraps to two lines - so it pushed the CTA down. I need to pare down the text.

This is in the iPhone 12 Pro simulator in Chrome, but I also see it on my iPhone X in Chrome: image

Steps to Reproduce

Steps to reproduce the behavior:

  1. Go to the home page and scroll down to the Discord module.
  2. Look at the Discord CTA

Expected behavior

The Discord CTA displays properly aligned within the Discord module.

jhaaaa commented 2 years ago

I shortened the text to one line - but the CTA is still showing as outside of the Discord box:

Image

Maybe the CSS fix is still coming? Check with Vehid.

jhaaaa commented 2 years ago

Addressed in https://github.com/xmtp/xmtp-dot-org/pull/137