css examples

https://getcssscan.com/css-box-shadow-examples

grid 만들기

https://webdesign.tutsplus.com/tutorials/solving-problems-with-css-grid-and-flexbox-the-card-ui--cms-27468

Defensive CSS

https://leettle.tistory.com/17

css 배치 순서(모질라)

https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/CSS#Declaration_order

1. Positioning (position, top, right, bottom, left, z-index)
2. Box Model (display, box-sizing, width, height, margin, padding, border)
3. Typographic (font, line-height, text-align, text-transform, text-indent, letter-spacing, word-spacing, white-space)
4. Visual (color, background, opacity, cursor, pointer-events)
5. Animation (transition, animation)
6. Misc (outline, filter, box-shadow)