word spacing changes in smaller viewports

Question

I'm facing an issue regarding word-spacing that after a certain smaller viewport(after 700px), the word-spacing of some words changes and thus creates an overall weird look.

Code is given below the images:-(Only HTML as no CSS have been applied till now)

Code:- HTML:-

<strong class="day">Day 06: Bikaner sightseeing</strong>
                <p class="day-detail">
                    After breakfast, we will start our day tour covering <b>Junagarh fort</b>-one of the famous forts of Bikaner,
                    also known as <i>"Chintamani"</i>, <b>Lalgarh palace</b>-another architectural marvel of Bikaner, this fort is
                    built using red sandstone.
                    Then we'll head on to visit <b>Camel farm</b>(Here we'll see lots of camels of varying breeds, this place is
                    also known as ICAR) and then come back to the hotel for overnight stay.</p>
               
 <strong class="day">Day 05: Jaisalmer- Bikaner</strong>
                    <p class="day-detail">
                        After having a toothsome breakfast at the hotel, drive to Bikaner. On the way visit <b>khichan village
                        Bird Sanctuary</b>(which is famous for being home to Demoiselle Cranes-locally known as kurja that migrate here
                        every winter), then after lunch, we'll continue our journey to Bikaner. Post arrival, check-in at the hotel then
                        relax.<br />
                        Overnight stay at the pre-booked hotel.</p>
                    </p>