responsiveComponentHoc.css

.base-component {
  /* base style for this component and it will work for any screen size */
}

.sm > .base-component {
  /* style that will be applied in this component for small sizes */
}

.md > .base-component {
  /* style that will be applied in this component for medium sizes */
}

.lg > .base-component {
 /* style that will be applied in this component for large sizes */
}

.xl > .base-component {
  /* style that will be applied in this component for extra-large sizes */
}