*ngIf hide some content on mobile screen, Angular 4

Question

I have:

showHide: false;


  Content



  Button visit         


        

Answer 1

Use the below code into the OnInit()

inMobile:boolean = false
ngOnInit() {
  if (window.screen.width === 360) {
    this.isMobile = true;
  }
}

by using above code we can put two css; based on desktop and mobile:-

Close

or

Close

CSS:

.button{
margin-left:100px;
}
.button-mobile{
margin-left:50px;
}