InspireTheme turns ten! Join now or renew your subscription with a 20% OFF! Read More

Support Forum

uk-width uikit v2

Hi Ivo sorry to bother i kone it is out of the scope of the support but i wanted to ask perhaps with your experience3 maybe you have an idea....
i use a gantry5 particle of custom html and in there i have the code
<div class="uk-grid fgridclass">
<div class="uk-width-medium-2-3">
<a href="/tenontopatheia-axilleiou"
><img
src="gantry-media://tenontopatheiaAxilliou.jpg"
alt="Τενοντοπάθεια Αχίλλειου"
/>
</a>
</div>
<div class="uk-width-medium-1-3 forbgcolorclass">
<h2>
Τενοντοπάθεια
Αχίλλειου
</h2>
<a class="uk-button" href="/tenontopatheia-axilleiou">Περισσότερα</a>
</div>
</div>

<div class="uk-grid">
<div class="uk-width-medium-1-3 forbgcolorclasssecond">
<h2>Ασβεστοποιός ΤενοντίτιδαΏμου</h2>
<a class="uk-button" href="/asvestopoios-tenontitida-omou">Περισσότερα</a>
</div>
<div class="uk-width-medium-2-3">
<a href="/asvestopoios-tenontitida-omou"
><img
src="gantry-media://asvestopios.jpg"
alt="Ασβεστοποιός Τενοντίτιδα Ώμου"
/>
</a>
</div>
</div>

<div class="uk-grid">
<div class="uk-width-medium-2-3">
<a href="#"><img src="gantry-media://rixi.jpg" alt="Ρίξη Μηνίσκου" /> </a>
</div>
<div class="uk-width-medium-1-3 forbgcolorclassthird">
<h2>
Ρίξη
Μηνίσκου
</h2>
<a class="uk-button" href="#">Περισσότερα</a>
</div>
</div>

The problem.....
in large screens i have great view as the code is 2-3, 1-3 | 1-3, 2-3 | 2-3, 1-3 (picture-text, text-picture, picture-text)

But, in mobile the client wants picture-text,, picture-text,, picture-text).. Is that possible somehow?????

Accepted Answer

Wednesday, December 17 2025, 10:06 AM - #Permalink
Hi Kostas,

Have a look at the Responsive Grid classes. You will find the answer of your question there.

You can inspect the code of our Portfolio particle for example and see how we combine the classes so different width is applied on the different viewports.

<div class="uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-3">...</div>
The reply is currently minimized Show
Responses (2)
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!