/Cola-Vending-Machine

콜라 벤딩 머신 구현🍺

Primary LanguageCSS

Cola-Vending-Machine

10/3(월)

  • Html Mark up
  • reset.css 추가 + txt-hide 클래스 추가
  • Noto Sans KR 폰트 추가
  • Html Validator✅

10/4(화)

  • start editing style.css
  • add lists in ul tag
  • locating logo & listing cola items
  • add "click-on" class, "sold-out" class using pseudo-element
  • I have struggled with
    • using box-sizing: border-box;
    • dividing section with padding
    • listing selector for specificity

10/5(수)

  • complete style.css
  • add lists in ul tag
  • I have struggled with
    • using 'sans-serif' value
    • keeping my own code-convention
    • locating '.list-item-staged' in specific area
    • naming class
  • Html Validator✅