RainbowCSS

RainbowCSS는 폭포처럼 쏟아지는 CSS(Cascading Style Sheets)로 인해 만들어졌지만, 동시에 그 위에서 은은히 빛을 내고 있습니다.

Layout

RainbowCSS의 전반적인 레아이웃 구조는 다음과 같습니다.
- <body>는 <main class="main">, <section class="section">, <div class="container">로 이루어집니다.
- main은 오직 section만을 자식 요소로 받습니다. 즉, main은 section들의 배열 방식입니다.
- section은 오직 container만을 자식 요소로 받습니다. 즉, section은 container들의 배열 방식입니다.
- container는 상대적으로 유연한 개념입니다. container안에는 <div class="columns">, <ul class="list"> 등을 담을 수 있습니다.
  
  container를 쓰는 것을 두려워하지 마세요. 가령 columns 안에 있는 각각의 column들에 대해, 내용을 곧바로 작성하기 전에 container로 묶는 것은 좋은 습관입니다.