d-flex: d-{ type}  type: flex/inline-flex/block 등으로 설정 가능함.

  매뉴얼상으로는 d-flex는 v-container와 v-layout에만 적용됨

  child-flex도 매뉴얼 상으로는 없음

 

마지막에 있는 2개의 d-flex는 없애면 화면이 달라짐.

 

xs12는 제일 작은 사이즈 이상에도 무조건 12그리드 차지하게

order-xs5 도 오더 순서를 무조건 5번째로. (order-(size)(1-12)

xs12 sm2는 스몰이상에는 2개씩 자리 잡고,  제일 작은 화면에서는 한개로..

 

https://vuetifyjs.com/en/framework/breakpoints#breakpoints

 

https://vuetifyjs.com/en/components/cards

 

 

dark:  테마를 Dark로 배경이 어둡게,  글자를 하얀색으로.

tile:  border-radius를 없앰.  tile이 없을 때 border-radius: 2px

flat:  card box shadow를 없앰. 아래의 box-shadow 모두가 0px로...

color: 머트리얼 칼라로도 지정이 가능함. success, info, error, warning등

 

 

v-card-text는 Padding이 16이네요.  (이것을 조정하는 방법은?)

 

일단 안되면 div로 변경해서 아래는 v-card-text와 같은 패딩입니다.

 

v-card-text의 디폴트 폰트 사이즌 14px

v-card-title은 14px 입니다

 

https://vuetifyjs.com/en/framework/typography#font-sizes