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.

1 Like

in chrome and in emulator works fine but not in device

Yes, then remote debug on the device.

1 Like

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