search

Rebuild-Black-Business / RBB-Website

Website to help connect black-owned businesses with consumers and resources
https://www.rebuildblackbusiness.com/
MIT License
119 stars 75 forks source link

[BUG] Responsive Design of Business Listing #325

Closed wcouturiaux closed 4 years ago

wcouturiaux commented 4 years ago

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:

  1. Go to https://www.rebuildblackbusiness.com/businesses?location=detroit,%20michigan
  2. Scroll down until you see the listing.
  3. Manually resize the browser width to 1247px
  4. 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 image

wcouturiaux commented 4 years ago

I also noticed the location for this seems to be wrong according to their website.

magnificode commented 4 years ago

@wcouturiaux - appreciate the bug submission and info, we'll get this queued up to be fixed ASAP!

mbifulco commented 4 years ago

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 👍