I want to create a 2 column setup, where both columns (Section A and B) should be visible within a wide browser view (Desktop) and only one column (Section B) in a small browser view (Mobile).
So I started by doing this using uikit v2.x but when in Mobile view the Sectioj B is kissing approx 25% of its width. It only fills out 75% of the width.
<div class="uk-grid uk-grid-small" style="max-width: 1024px; margin: 0 auto; padding: 0px; border: 0px solid #ccc;">
<div class="uk-width-1-4 uk-visible-large">Section A</div>
<div class="uk-width-3-4">Section B</div>
Any good suggestions of how to fix this? I need for the Mobile view to fill out 100% width.