changed object patterns

src/client/js/models/BootstrapGrid.js

@@ -6,7 +6,7 @@ export default class BootstrapGrid {
   }
 
   static ResponsiveSize = {
-    XS_SIZE: 'smartphone', SM_SIZE: 'tablet', MD_SIZE: 'desktop',
+    XS_SIZE: ['xs', 'smartphone'], SM_SIZE: ['sm', 'tablet'], MD_SIZE: ['md', 'desktop'],
   }
 
   static validateColsRatios(colsRatios) {
@@ -23,7 +23,7 @@ export default class BootstrapGrid {
   }
 
   static validateResponsiveSize(responsiveSize) {
-    if (responsiveSize === this.ResponsiveSize.XS_SIZE || responsiveSize === this.ResponsiveSize.SM_SIZE || responsiveSize === this.ResponsiveSize.MD_SIZE) {
+    if (responsiveSize === this.ResponsiveSize.XS_SIZE[0] || responsiveSize === this.ResponsiveSize.SM_SIZE[0] || responsiveSize === this.ResponsiveSize.MD_SIZE[0]) {
       return responsiveSize;
     }
     throw new Error('Incorrect responsive size');