[BUG] Responsive Design of Business Listing
Closed this issue · 3 comments
Describe the bug
Business names are moving letter by letter to a new line as page size changes.
To Reproduce
Steps to reproduce the behavior:
- Go to https://www.rebuildblackbusiness.com/businesses?location=detroit,%20michigan
- Scroll down until you see the listing.
- Manually resize the browser width to 1247px
- Gradually increase the width to 1280px plus.
Expected behavior
Entire word moves to the next line when resizing would force a letter from the end.
Actual Behavior
For this particular business, it is on one line with a browser width of 1248px-1279px (either side of that range it moves letter by letter to a new line until 1589+ px the last letter is left hanging on its own line.
Screenshots
I also noticed the location for this seems to be wrong according to their website.
@wcouturiaux - appreciate the bug submission and info, we'll get this queued up to be fixed ASAP!
If someone wants to tackle this, it should be a relatively straightforward CSS fix - good first issue material!
Feel free to @ me here or on Discord if you'd like help 👍