Running app with --prod but css issues even with latest ionic


my html

<ion-footer class="row">
  <ion-item class="cancel" (click)="cancel()">Cancel</ion-item>  
  <ion-item class="submit-button" (click)="changePassword()" id="change_password">Update</ion-item>  

my scss

    text-align: center;
    background: #c91a23;
    color: white;
    width: 50%;
    border-right: solid 1px white;

I am supposed to get like


but getting like



Did you remote debug the problem on the device already?
Follow these instructions here to debug the problem in Safari dev tools:
Follow these instructions here to debug the problem in Chrome dev tools:
Look at the console and network tabs for errors.


in chrome and in emulator works fine but not in device


Yes, then remote debug on the device.


thanks man got css back …


What caused it? Share so other readers can learn as well.


we have class row and class col in ionic html where row width will be 100% and inside row class col classes will divide that row width percentage accordingly but in ionic cordova run --prod it didn’t work so I manually gave width row to 100% and col accordingly

in above images I gave "cancel class width to 50% " and " update to 50% "
and to cancel I gave  " float left " so I got like 1st image