From IT Skills
Jump to: navigation, search


for Flexbox is good with .row, .box, .col-*, but is has too complex media-queries

Responsive web design[edit]

Media queries[edit]

Not possible to determine design variant by width only. For examole, Nexus 7 (2013) in portrait has width 600 but iPhone 6 in landscape has width 667.

Recommended custom-media-ranges

State hook names[edit]

  • is-active
  • has-loaded
  • is-loading
  • is-visible
  • is-disabled
  • is-expanded
  • is-collapsed


  • not Ionic because of weird navigation by stack and intended for mobile mainly
  • Vaadin is not too good, because uses CSS#Attribute selectors where attribute is "width-range"