Hello,
I give same height for two div on medium screen and large screen. It works well. But on small screen(@s) it does the same. It has no sens because divs display as block. Somebody knows if there's a possibility to disable this behavior @s. I try with CSS but...
Here's my code
Code
- <div class="uk-width-2-3@m">
- <ul class="uk-subnav uk-subnav-pill" uk-switcher>
- <li class="tabs progs"><a href="#" class="tabs-links"> Programms</a></li>
- <li class="tabs datas"><a href="#" class="tabs-links">Data</a></li>
- <li class="tabs bib"><a href="#" class="tabs-links">Bibliography</a></li>
- </ul>
- <ul class="uk-switcher uk-background-primary">
- <li class="tabs progs" uk-height-viewport="offset-top: true">Prog Details<div class="uk-column-1-2 uk-column-divider"> Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. </div></li>
- <li class="tabs datas" uk-height-viewport="offset-top: true">Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet
- {/if}</li>
- <li class="tabs bib" uk-height-viewport="offset-top: true">
- Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.</li>
- </ul>
- </div>
- <div class="uk-width-1-3@m">
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
- </div>