How to hide a Div by flexLayout when max-width is 768px

Question

I want to hide my div when max-width of the page is 768px(Tablet width) but I checked API reference of flexLayout and says that limits are 600,960,1280 and 1980 px.Is there any way I can override these pixel limits to change as 768px?fxHide.gt-sm,hides after 960px but I need to make it 768px for example.

API reference: https://github.com/angular/flex-layout/wiki/Responsive-API

Answer 1

Try this in your CSS file

@media only screen and (max-width: 768px) {
  div {
  display:none;
}