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>  
</ion-footer>

my scss

.submit-button,.cancel{
    text-align: center;
    background: #c91a23;
    color: white;
    width: 50%;
}
.cancel{
    border-right: solid 1px white;
}

I am supposed to get like

temp

but getting like

temp

Did you remote debug the problem on the device already?
Follow these instructions here to debug the problem in Safari dev tools:
https://ionic.zone/debug/remote-debug-your-app#ios
Follow these instructions here to debug the problem in Chrome dev tools:
https://ionic.zone/debug/remote-debug-your-app#android
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 

thanks