Hi,

I'm getting strange result using uk-width-* class.
Please, have a look at the attached image.

Inside every div there is the explain.

First one is made directly styling the item.
The following are made using uk-width. uk-width-100 for the first 3 items, then uk-width-2-10 and uk-width-8-10 for the last one.

As you can see I get 3 different width... instead I'm expecting always the same...

What am I missing?

this is the code of the page

<div style="border: #000 1px solid; width:100%;">test style width 100%</div>



		<div class="uk-grid">

			<div class="uk-width-100" style="border:#000 1px solid;" style="width:100%">

				<div>

					uk-width-100

				</div>

			</div>

		</div>

			

		<div class="uk-grid">

			<div class="uk-width-100" style="border:#000 1px solid;">

				<div>

						uk-width-100	this should be the same instead it's not

				</div>

			</div>

			

		</div>

		<div class="uk-grid">

			<div class="uk-width-100" style="border:#000 1px solid;">

				<div>

						uk-width-100	this should be the same instead it's not

				</div>

			</div>

			

		</div>

		

		<div class="uk-grid">

			<div class="uk-width-2-10" style="border:#000 1px solid;">

				<div>

						uk-width-2-10	this should be 2/10

				</div>

			</div>

			<div class="uk-width-8-10" style="border:#000 1px solid;">

				<div>

						uk-width-8-10	this should be 8/10

				</div>

			</div>

			

		</div>