search

worcestertechnicalhighschool / techhigh.us

https://worcestertechnicalhighschool.github.io/techhigh.us/
2 stars 24 forks source link

Unusual space. #583

Closed Imtraped closed 10 months ago

Imtraped commented 10 months ago

In the developer web tools, I was looking at one of the pages in the mobile emulation device, and I noticed that there was a big space between two words.

image

I also checked the website on my phone and the issue is there too. image

EduardoWebDevelopment commented 10 months ago

For context (and to possibly fix the wording of this), this space shows up on the bottom of pages, where the WPS footer is, and is only seen when viewed on mobile, or when looking at the inspect-element version of mobile. This space is also visible on other portions of the footer.

The image below is a strange space that is visible by entering the Inspect-Mobile button, and then switching the phone type to iPhone 12/13 + Pro iOS 14.6.

another-space

EduardoWebDevelopment commented 10 months ago

The space issue has been fixed, the problem was that the way the text was aligned was Justify. Im not sure how this made the strange spaces, but all it took was changing it to Center.