Vuetify CSS Helper들...

https://vuetifyjs.com/en/styles/spacing/ : 정렬와 여백을 조절한다

https://vuetifyjs.com/en/styles/typography/ : 텍스트 스타일

https://vuetifyjs.com/en/components/dividers/ : 구분자

https://vuetifyjs.com/en/components/grids/ : 그리드 정렬

https://vuetifyjs.com/en/styles/flex/ : flex 정렬 헬퍼

 

 

정리 ex)

• CSS Selector
• Tag(element) - Class - Id - Attribute
• CSS Position
• Static - Relative - fixed.- absolute
• CSS grid system center align
• Class mx-auto , max-width=800

#. 참고링크

- https://codepen.io/oze4/pen/mojrZM?editors=1010 : resizeable pane

- mdi icon ICON : https://materialdesignicons.com/cdn/2.0.46/

 https://cdn.materialdesignicons.com/1.1.34/