I am a beginner with semantic ui and I have been trying to replicate this specific layout. While going through semantic ui's documentation, I found something similar but not quite identical.
Below is the HTML code:
<div class="ui celled grid container">
<div class="row stretched equal width">
<div class="column">
<div class="ui segment">
13
</div>
</div>
<div class="column">
<div class="ui segment">
1
</div>
<div class="ui segment">
2
</div>
</div>
<div class="column">
<div class="ui segment">
1
</div>
<div class="ui segment">
2
</div>
<div class="ui segment">
3
</div>
</div>
</div>
</div>
If you want to see it in action, here's a link to a JSFiddle.
I was able to achieve a similar layout using plain HTML as shown below:
<table border="1" width="100%">
<tr>
<td rowspan="2">13</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
</table>
Here's the JSFiddle for the above layout in plain HTML.
Is there a way to achieve this layout using semantic ui? If so, how would I go about doing it?