Skip to main content

Home/ CSS Evangelist/ Group items tagged Webdesign

Rss Feed Group items tagged

Vernon Fowler

A Complete Guide to Flexbox | CSS-Tricks - 0 views

  • flex-direction
  • flex-wrap
  • space-around: items are evenly distributed in the line with equal space around them
  • ...6 more annotations...
  • justify-content
  • align-items
  • flex-start: cross-start margin edge of the items is placed on the cross-start line
  • stretch (default): stretch to fill the container (still respect min-width/max-width)
  • Note: this property has no effect when the flexbox has only a single line.
  • flex-grow
Vernon Fowler

On :target | CSS-Tricks - 0 views

  • I'd use these rules-of-thumb for when :target is a good choice: When a "state" is needed When the jump-down behavior is acceptable When it's acceptable to affect the browser history
Vernon Fowler

Confused About REM and EM? | Jeremy Church - 0 views

  • Use REM for consistent padding and margins
  • update font sizes and padding within a media query
  • @media screen and (min-width: 1400px) {   html { font-size: 1.25em; } }
  • ...2 more annotations...
  • If a style sheet is built in a modular fashion, then rem shouldn’t be needed very often, but it can be handy at times.
  • The initial values are calculated by incrementing 1em(16px) at a 1:1.2 ratio.
Vernon Fowler

material mixer - 0 views

  •  
    Be sure to check for contrast AA compliance with WCAG 2
« First ‹ Previous 221 - 240 of 241 Next ›
Showing 20 items per page