please add image description hereMy issue is with using text-align: justify; as it sometimes creates large gaps between words. I attempted to resolve this for mobile devices by using text-justify: inter-word;, but unfortunately, it did not work.
@media screen and (max-width: 640px) {
.mobile-con{text-align: justify !important; text-justify: inter-word;}
}
Html
<p style="text-align: justify;" class="mobile-con">
Star aims to be the world class consortium of choice by
delivering projects within time & budget and to the
required standards of quality by the fusion & best
application of human intellect & ethics with the
combination of modern technology.
</p>
Any suggestions on how to fix this issue?