Skip to content

Latest commit

 

History

History
20 lines (15 loc) · 920 Bytes

README.md

File metadata and controls

20 lines (15 loc) · 920 Bytes

CSS KOANS KATA - FLEX

The objective of these exercices is to become more confortable with css flex manipulation.

graphical instructions

  1. Start: add a css file that make header green and content red.
  2. Flex: use diplay flex to make content fill the entire page.
  3. Side bar: add a 25% width left sidebar.
  4. Tab & status: add some uniform tabs on top of content, and a status bar on bottom.
  5. Scroll: add some items in content of 150px Height. Make content scrollable.
  6. Russian doll: add a first div that host entire content. Keep same behaviour.
  7. Dot dot dot: Create an item that have a long text that is overflow with ellipsis. Keep same behaviour.

Resources