Отзывчивый Scrollspy с использованием UIkit 3

Question

<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/js/uikit-icons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/js/uikit.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/css/uikit.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="uk-card uk-card-default ">	
	<div class="uk-panel " uk-sticky="offset:80" >
		<ul uk-scrollspy-nav="closest: li; scroll: true; offset: 190" class="uk-flex  uk-flex-row " uk-grid>
				<li class="uk-active  uk-width-1-5"><a href="#">mount Mount Everest </a></li>	     
		        <li  class=" uk-width-1-5"><a href="#">computer bag</a></li>
		        <li class="uk-width-1-5"><a href="#">stack overflow overflow</a></li>
		        <li class="uk-width-1-5"><a href="#">mission impossible</a></li>
	         	<li class="uk-width-1-5"><a href="#">loremloremloremloremlorem</a></li>
		</ul>
	</div>	
</div>

Этот код написан в scrollspy с использованием фреймворка uikit3. Когда я изменил режим рабочего стола на мобильный, список scrollspy не отвечает. некоторый текст не виден в мобильном режиме. В режиме рабочего стола текст делится на 5 разделов и текст будет отображаться очень красиво. когда я перешел в режим рабочего стола в мобильный режим, текст не отображается. Половина текста будет обрезана. Пожалуйста, дайте предложение, как сделать текст видимым в мобильном режиме, а также в режиме рабочего стола. А также в мобильном режиме также равным делится на пять разделов и текст будет показан выравниванием.