Cascading Style Sheets: Difference between revisions

From David's Wiki
Created page with "Cascading Style Sheets (CSS) ==Flexbox== [https://css-tricks.com/snippets/css/a-guide-to-flexbox/ CSS-Tricks A complete guide to flexbox] Allows having cards or tiles which..."
 
 
Line 4: Line 4:
==Flexbox==
==Flexbox==
[https://css-tricks.com/snippets/css/a-guide-to-flexbox/ CSS-Tricks A complete guide to flexbox]
[https://css-tricks.com/snippets/css/a-guide-to-flexbox/ CSS-Tricks A complete guide to flexbox]
Allows having cards or tiles which adapt to the user's screen size and orientation.
Allows having cards or tiles which adapt to the user's screen size and orientation.



Latest revision as of 12:10, 6 April 2020

Cascading Style Sheets (CSS)


Flexbox

CSS-Tricks A complete guide to flexbox

Allows having cards or tiles which adapt to the user's screen size and orientation.

Flexbox Container

  • display: flex;
  • flex-direction: row | row-reverse | column | column-reverse;
  • flex-wrap: nowrap | wrap | wrap-reverse;

Flexbox Item

  • flex: [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]