Ionic Grid Center Align

ionic-v1
1

Hi All,

I’m new to ionic, i’m trying to create a list with grid inside each list item, i’m unable to center align the items in the grid…

Heres the code pen

I tried the following css without much success…
.center {
margin-left: auto;
margin-right: auto;
display: block;
-webkit-align-items: center;
}

2 
 <div class="row padding" style='font-size:12px' >
<div class="col" style="text-align: center;">
 
  <span class="wrapword">Easy Jet</span>
</div>
 <div class="col" style="text-align: center;">
  <span style='font-weight:bold'>22:10</span>
  <i class="icon ion-ios-arrow-thin-right"></i>
  <span style='font-weight:bold'>23:30</span>
  <br/>
  <span style="font-size:9px">2h 4m | 0 stops</span>
</div>
<div class="col" style="text-align: center;"><b>$ 1000</b><br>
  <span style="font-size:10px;text-shadow:none">Refundable</span>
  
</div>
3

Hi Karwan,

Thanks a ton. I think i over did things… you kept it simple and its working as expected…

1 Like