Talk is cheap. Show me the code.

Create library in Angular 4:     /////////////////////////////////////////////////////////////     /////////////////  create Angular Lip  ////////////////////// 1.) ng new example-ng6-lib-app     rename folder name "example-ng6-lib-app" to "example-ng6-lib" 2.) cd example-ng6-lib     ng serve 3.) ng generate library example-ng6-lib --prefix=enl 4.) ng build example-ng6-lib 5.) import in module files ie..     import { BrowserModule } from '@angular/platform-browser';     import { NgModule } from '@angular/core';     import { AppComponent } from './app.component';     import { ExampleNg6LibModule } from 'example-ng6-lib';     @NgModule({     declarations: [         AppComponent     ],     imports: [         BrowserModule,         ExampleNg6LibModule     ],     providers: [],     bootstrap: [AppComponent]     })     export class AppModule { } 6.) to create more component in library use ie..     ng

Media query for most common devices: @media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ } @media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ } @media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ } @media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ } @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ } @media (min-width:1281px) { /* hi-res laptops and desktops */ } For all Phones: @media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ } For All Portrait Devices: @media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape  For Landscape: @media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ } For Laptop and Desktop: @media (min-width:1025px) { /* big landscape table