Blasting boxes mobile

{source}<?php



$categories = JCategories::getInstance("content");
$rootNode = $categories->get(8);
$test = $rootNode->getChildren();

foreach($test as $cat){

$array[] = $cat->id;

}



//$array = array(14, 15, 16, 17, 18, 19, 21, 23, 24, 25, 20, 26, 27);


?>

<div class="uk-child-width-auto uk-grid-medium uk-grid-match uk-grid" uk-grid="">
<a class="el-item uk-panel uk-margin-remove-first-child uk-link-toggle uk-display-block" href="/realizations" aria-label="Realizations">
<div class="uk-child-width-expand uk-grid-small uk-margin-top uk-grid" uk-grid="">
<div class="uk-width-auto uk-margin-remove-first-child uk-first-column">
<div class="el-title uk-margin-top uk-margin-remove-bottom">All</div>
</div>
<div class="uk-margin-remove-first-child">
<div class="el-content uk-panel uk-text-meta uk-text-left"></div>
</div>
</div>
</a>

<?php

foreach($array as $cat){

$model = JModelLegacy::getInstance('Articles', 'ContentModel');
$model->setState('filter.category_id', $cat); // Set category ID here
$articles = $model->getItems();

$num_articles = count($articles); // Returns the number of articles in category
//print_r($num_articles);

$category = JTable::getInstance('category');
$category->load($cat);
//echo JRoute::_(ContentHelperRoute::getCategoryRoute($cat))

?>
<a class="el-item uk-panel uk-margin-remove-first-child uk-link-toggle uk-display-block" href="/<?=JRoute::_(ContentHelperRoute::getCategoryRoute($cat));?>" aria-label="<?=$category->title;?>">
<div class="uk-child-width-expand uk-grid-small uk-margin-top uk-grid" uk-grid="">
<div class="uk-width-auto uk-margin-remove-first-child uk-first-column">
<div class="el-title uk-margin-top uk-margin-remove-bottom"><?=$category->title;?></div>
</div>
<div class="uk-margin-remove-first-child">
<div class="el-content uk-panel uk-text-meta uk-text-left">(<?=$num_articles;?>)</div>
</div>
</div>
</a>

<?php


}


?>


</div>{/source}