Ion grid -> multiple rows one over eachother


#1

hi,
i need to devide a row into few rows. it make one over each other but a
if you can see the blabla word under the time
cant manage to fix it:

  <ion-row class="homeRow firstRow">
            <ion-row class="transparentClockLine">
            <ion-label class="clock">{{ time }}</ion-label>
            </ion-row>
            
            <ion-row class="profile">
                <ion-label>blabla</ion-label>
            </ion-row>
        </ion-row>


#2

is this what you want…? or is this what you dont want?
question is little confusing.

you may try putting nested <ion-row> in <ion-col>


#3

this pic is what i dont want.

tried…didnt work
i use css top. but isnt there any better solution?


#4

Why do you need to put 2 rows in another row, instead of separating the 2 rows like this?

<ion-row class="transparentClockLine">
  <ion-label class="clock">{{ time }}</ion-label>
</ion-row>
            
<ion-row class="profile">
  <ion-label>blabla</ion-label>
</ion-row>

#5

because i then need to put another elements inside each row and deside each row supposed to be the best way to do it no?