Website standard

case standard usage :
-> CSS Class = hyphen-case
-> class = UpperCamelCase
-> function = lowerCamelCase
-> const = lowerCamelCase
-> local variable = snake_case
-> localstorage = UpperCamelCase
-> file name = hyphen-case
-> url route = hyphen-case
-> HTML ID = hyphen-case
-> form name = hyphen-case

file name, folder name, function, class, css class all in English

styling guide :
- media query dibagi jadi 5
- width usahkan pakai calc % atau calc vw dari margin kiri kanan
- font-size, margin, padding, wajib pakai pixel (no rem, em)
- position : absolute & fixed hanya digunakan untuk special case
- gunakan flexbox untuk grid
- hindari penggunaan float (left, right)
- hindari penggunaan value < 0, ex margin : -5px
- usahakan untuk menggunakan angka genap dalam styling, ex. margin: 16px 16px;
- usahakan untuk tidak pakai % untuk menghitung height (tinggi) atau yg vertical, ex margin-top, padding-top dll

folder structure :
- assets
    - js
    - sass / scss
    - img
    - plugins (jquery, bootstrap, etc)
    - fonts
    - css (auto generate dari sass / scss)

max sekali load page = 3 Mb