Bullets not wrapping properly on Mobile View

[Meyvn]

Hi -

On my homepage: https://21mill.com/ in the ‘Training Designed
with the Millennial In Mind’ I have some custom bullets, so the front portion if bold and a link. This is the code I used:
.whitelink {
font-size: 1em;
color: white;
font-family: “Raleway”,sans-serif;
font-weight: 700 !important;
word-wrap: break-word;
}

This is the code on the page:
<a href=“https://21mill.com/curriculum/” class=“whitelink”> Mobile Friendly </a> – Easily Consumed Digitally

I’m using a headline element for each bullet.

It displays perfectly on my desktop and laptop but on the mobile on the bullets don’t wrap correctly, can you help.

Thanks

*- in ahref so they would display for you here

[ruenel]

Hello Steve,

Thanks for writing in!

You are experiencing this because of how you texts were set up. The line height is set to 0. Please change it to at least 1 so that it displays correctly in smaller screens.

Please let us know how it goes.

[Meyvn]

that did the trick, thank you

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.