STATIC-COLUMNS - effortless Angular2+ layouts

forget about flex box complicated rules !

With this simple library

angular / html columns with static width

mixed with

columns with responsive width

are not a problem anymore!

---

$3



    npm install static-columns --save

$3

ts

import { StaticColumnsModule } form "static-columns/browser"

$3

ts



@NgModule(

 // ... 

  imports: [StaticColumnsModule]

  // ... 

)

class MyExampleModule {

 // ... 

}





Examples

	

 ## Basic usage:

html



   

    something





!Modules marked





Hide/show column in mobile view:

html



  

      I am not visible when screen < 600px

  

                          

      I am visible only when screen < 600px





Hide/show column in tablet view:

html



  

      I am not visible when screen > 600px and < 840 px

  

                          

      I am visible only when screen > 600px and < 840 px







Hide/show column in desktop view:

html



  

      I am not visible when screen > 840 px

  

                          

      I am visible only when screen > 840 px

STATIC-COLUMNS - effortless Angular2+ layouts

forget about flex box complicated rules !

With this simple library

angular / html columns with static width

mixed with

columns with responsive width

are not a problem anymore!

---

$3



    npm install static-columns --save

$3

ts

import { StaticColumnsModule } form "static-columns/browser"

$3

ts



@NgModule(

 // ... 

  imports: [StaticColumnsModule]

  // ... 

)

class MyExampleModule {

 // ... 

}





Examples

	

 ## Basic usage:

html



   

    something





!Modules marked





Hide/show column in mobile view:

html



  

      I am not visible when screen < 600px

  

                          

      I am visible only when screen < 600px





Hide/show column in tablet view:

html



  

      I am not visible when screen > 600px and < 840 px

  

                          

      I am visible only when screen > 600px and < 840 px







Hide/show column in desktop view:

html



  

      I am not visible when screen > 840 px

  

                          

      I am visible only when screen > 840 px