fix the conflicting issues

Author: tanjinamumu

data/css.json

@@ -4,10 +4,12 @@
     "slug": "css",
     "description": "সিএসএস এর মাধ্যমে ওয়েব পেইজের লেআউট ডিজাইন ও ওয়েব ব্রাউজারে ডকুমেন্ট কিভাবে প্রদর্শন হবে তা নির্ধারন করা হয়।",
     "colorPref": "#264DE4",
-    "contents": [
+    "contents": 
+    [
       {
         "title": "প্রাথমিক ধারণা",
-        "items": [
+        "items": 
+        [
           {
             "definition": "সিনট্যাক্স সিলেক্টর",
             "code": "selector{ property: value;}"
@@ -40,7 +42,8 @@
       },
       {
         "title": "ব্যাকগ্রাউন্ড",
-        "items": [
+        "items": 
+        [
           {
             "definition": "ব্যাকগ্রাউন্ড প্রপার্টিস",
             "code": "background | background-color | background-image | background-position | background-size | background-attachment | background-repeat |  background-clip | background-origin"
@@ -81,7 +84,8 @@
       },
       {
         "title": "ফন্ট বা টাইপোগ্রাফি",
-        "items": [
+        "items": 
+        [
           {
             "definition": "ফন্ট প্রপার্টি",
             "code": "font-style | font-variant | font-weight | font-size | line-height | font-family | font-stretch"
@@ -118,7 +122,8 @@
       },
       {
         "title": "ট্রানজিশন এবং ট্রান্সফর্ম",
-        "items": [
+        "items":
+        [
           {
             "definition": "ট্রানজিশন প্রপার্টি",
             "code": "transition | transition-delay | transition-duration | transition-property | transition-timing-function"
@@ -150,325 +155,4 @@
         ]
       }
     ]
-  }
-=======
-  "id": "css",
-  "title": "সিএসএস",
-  "slug": "css",
-  "description": " সিএসএস এর মাধ্যমে ওয়েব পেইজের লেআউট ডিজাইন ও ওয়েব ব্রাউজারে ডকুমেন্ট কিভাবে প্রদর্শন হবে তা নির্ধারন করা হয়।",
-  "colorPref": "#264DE4",
-  "contents": [
-    {
-      "title": "ব্যাসিক ধারণা",
-      "items": [
-        {
-          "definition": "সিনট্যাক্স সিলেক্টর",
-          "code": "selector{ property: value;}"
-        },
-        {
-          "definition": "External CSS ফাইল যুক্ত করুতে",
-          "code": "<link rel='stylesheet' href='style.css'>"
-        },
-        {
-          "definition": "Internal CSS ফাইল যুক্ত করুতে",
-          "code": "<style> body {background: blue;}</style>"
-        },
-        {
-          "definition": "Inline CSS লিখতে",
-          "code": "<h1 style='color:blue;'>A Blue Heading</h1>"
-        },
-        {
-          "definition": "সকল ইলিমেন্ট সিলেক্ট করতে",
-          "code": "* {property: value;}"
-        },
-        {
-          "definition": "সকল আইডি সিলেক্ট করতে",
-          "code": "#id {property: value;}"
-        },
-        {
-          "definition": "সকল ক্লাস সিলেক্ট করতে",
-          "code": ".class {property: value;}"
-        }
-      ]
-    },
-    {
-      "title": "ব্যাকগ্রাউন্ড",
-      "items": [
-        {
-          "definition": "ব্যাকগ্রাউন্ড প্রপার্টিস",
-          "code": "background | background-color | background-image | background-position | background-size | background-attachment | background-repeat |  background-clip | background-origin"
-        },
-        {
-          "definition": "ব্যাকগ্রাউন্ড কালার ভ্যালু",
-          "code": "Color Code - #fffff, #000000 | transparent | Color Name - White, Red, etc"
-        },
-        {
-          "definition": "ব্যাকগ্রাউন্ড ইমেজ ভ্যালু",
-          "code": "url | gradient | none"
-        },
-        {
-          "definition": "ব্যাকগ্রাউন্ড পজিশন",
-          "code": "top | left | center | bottom | right | top center | top left | top right | bottom left | bottom right | bottom center | center left | center center | center right"
-        },
-        {
-          "definition": "ব্যাকগ্রাউন্ড সাইজ",
-          "code": "auto | length | percentage | cover | contain | initial | inherit"
-        },
-        {
-          "definition": "ব্যাকগ্রাউন্ড এটাচমেন্ট",
-          "code": "scroll | fixed | local | initial | inherit "
-        },
-        {
-          "definition": "ব্যাকগ্রাউন্ড রিপিট ভ্যালু",
-          "code": "repeat | repeat-x | repeat-y | no-repeat | space | round | initial | inherit"
-        },
-        {
-          "definition": "ব্যাকগ্রাউন্ড ক্লিপ ভ্যালু - ব্যবহার কালার ও ইমেজ",
-          "code": "border-box | padding-box | content-box | initial | inherit"
-        },
-        {
-          "definition": "ব্যাকগ্রাউন্ড অরিজিন ভ্যালু - ব্যবহার ব্যাকগ্রাউন্ড ইমেজ",
-          "code": "padding-box | border-box | content-box | initial | inherit "
-        }
-      ]
-    },
-    {
-      "title": "ফন্ট বা টাইপোগ্রাফি",
-      "items": [
-        {
-          "definition": "ফন্ট প্রপার্টি",
-          "code": "font-style | font-variant | font-weight | font-size | line-height | font-family | font-stretch"
-        },
-        {
-          "definition": "ফন্ট স্টাইল ভ্যালু",
-          "code": "normal | italic | oblique  | initial | inherit"
-        },
-        {
-          "definition": "ফন্ট ভ্যারিয়ান্ট ভ্যালু",
-          "code": "normal | small-caps | initial | inherit"
-        },
-        {
-          "definition": "ফন্ট ওয়েট ভ্যালু",
-          "code": "normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | initial | inherit"
-        },
-        {
-          "definition": "ফন্ট সাইজ ভ্যালু",
-          "code": "medium | xx-small | x-small | small | large | x-large | xx-large | smaller | larger | length | initial | inherit | percentage"
-        },
-        {
-          "definition": "লাইন হাইট ভ্যালু",
-          "code": "normal | number | length | initial | inherit"
-        },
-        {
-          "definition": "ফন্ট ফ্যামিলি",
-          "code": "font-family: Arial, Helvetica, sans-serif;"
-        },
-        {
-          "definition": "ফন্ট স্ট্রেচ",
-          "code": "ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit"
-        }
-      ]
-    },
-    {
-      "title": "ট্রানজিশন",
-      "items": [
-        {
-          "definition": "ট্রানজিশন প্রপার্টি",
-          "code": "transition | transition-delay | transition-duration | transition-property | transition-timing-function"
-        },
-        {
-          "definition": "ট্রানজিশন ডিলে ভ্যালু",
-          "code": "time (1s, 1ms etc) - কত সময় পর ট্রানজিশন ইফেক্ট শুরু হবে।"
-        },
-        {
-          "definition": "ট্রানজিশন ডিউরেশন ভ্যালু",
-          "code": "time (2s, 2ms etc) - কত সময় পর্যন্ত ট্রানজিশন ইফেক্ট চলবে।"
-        },
-        {
-          "definition": "ট্রানজিশন প্রপার্টি ভ্যালু",
-          "code": "none | all - অল এর মাধ্যমে সকল ট্রানজিশন ইফেক্ট কাজ করবে।"
-        },
-        {
-          "definition": "ট্রানজিশন-টাইমিং-ফাংশন ভ্যালু",
-          "code": "linear | ease | ease-in | ease-out | ease-in-out | step-start | step-end | steps(int,start|end) | cubic-bezier(n,n,n,n) | initial | inherit"
-        }
-      ]
-    },
-    {
-      "title": "বক্স মডেল",
-      "items": [
-        {
-          "definition": "ফ্লোট প্রপার্টি",
-          "code": "left | right | none"
-        },
-        {
-          "definition": "হাইট",
-          "code": "auto | length | %"
-        },
-        {
-          "definition": "ম্যাক্স-হাইট",
-          "code": "none | length | %"
-        },
-        {
-          "definition": "ম্যাক্স-উইডথ",
-          "code": "none | length | %"
-        },
-        {
-          "definition": "মিন-হাইট",
-          "code": "none | length | %"
-        },
-        {
-          "definition": "মার্জিন",
-          "code": "margin-top | margin-right | margin-bottom | margin-left"
-        },
-        {
-          "definition": "মার্জিন-বট্ম",
-          "code": "auto | length | %"
-        },
-        {
-          "definition": "মার্জিন-টপ",
-          "code": "auto | length | %"
-        },
-        {
-          "definition": "মার্জিন-লেফট",
-          "code": "auto | height | %"
-        },
-        {
-          "definition": "মার্জিন-রাইট",
-          "code": "auto | height | %"
-        },
-        {
-          "definition": "প্যাডিং",
-          "code": "padding-top | padding-right | padding-bottom | padding-left"
-        },
-        {
-          "definition": "প্যাডিং-লেফট",
-          "code": "length | %"
-        },
-        {
-          "definition": "প্যাডিং-রাইট",
-          "code": "length | %"
-        },
-        {
-          "definition": "প্যাডিং-বট্ম",
-          "code": "length | %"
-        },
-        {
-          "definition": "প্যাডিং-টপ",
-          "code": "length | %"
-        },
-        {
-          "definition": "ডিসপ্লে",
-          "code": "none | inline | block | inline-block | flex | inline-flex | grid | inline-grid | contents | list-item |run-in | compact | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | ruby | ruby-base | ruby-text | ruby-base-group | ruby-text-group "
-        },
-        {
-          "definition": "ওভারফ্লো",
-          "code": "visible | hidden | scroll | auto | no-display | no-content  overflow-x overflow-y "
-        },
-        {
-          "definition": "ওভারফ্লো-স্টাইল",
-          "code": "auto | marquee-line | marqueeblock"
-        },
-        {
-          "definition": "ওভারফ্লো-এক্স",
-          "code": "visible | hidden | scroll"
-        },
-        {
-          "definition": "ভিজিবিলিটি",
-          "code": "visible | hidden | collapse"
-        },
-        {
-          "definition": "ক্লিয়ার",
-          "code": "left | right | both | none"
-        }
-      ]
-    },
-    {
-      "title": "টেবিল",
-      "items": [
-        {
-          "definition": "বর্ডার-কলাপ্স",
-          "code": "collapse | separate"
-        },
-        {
-          "definition": "এম্পটি সেলস",
-          "code": "show | hide "
-        },
-        {
-          "definition": "বর্ডার স্পেসিং",
-          "code": "length | length"
-        },
-        {
-          "definition": "টেবিল-লেআউট",
-          "code": "auto | fixed "
-        },
-        {
-          "definition": "ক্যাপশন-সাইড",
-          "code": "top | bottom | left | right"
-        }
-      ]
-    },
-    {
-      "title": "লিস্ট & মার্কার",
-      "items": [
-        {
-          "definition": "লিস্ট-স্টাইল",
-          "code": "list-style-type | list-style-position | list-style-image"
-        },
-        {
-          "definition": "লিস্ট-স্টাইল-ইমেজ",
-          "code": "none | url"
-        },
-        {
-          "definition": "লিস্ট-স্টাইল-টাইপ",
-          "code": "none | asterisks | box | check | circle | diamond | disc | hyphen | square | decimal | decimalleading-zero | lower-roman | upper-roman | lower-alpha | upper-alpha | lower-greek | lower-latin | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | footnotes"
-        },
-        {
-          "definition": "মার্কার-অফসেট",
-          "code": "auto | length"
-        }
-      ]
-    },
-    {
-      "title": "অ্যানিমেশন",
-      "items": [
-        {
-          "definition": "অ্যানিমেশন",
-          "code": "animation-name  | animation-duration | animation-timing-function  | animation-delay | animation-iteration-count | animation-direction"
-        },
-        {
-          "definition": "অ্যানিমেশন-নেইম",
-          "code": "none | IDENT "
-        },
-        {
-          "definition": "অ্যানিমেশন-ডিউরেশন",
-          "code": "time"
-        },
-        {
-          "definition": "অ্যানিমেশন-টাইম-ফাংশন",
-          "code": "ease | linear | ease-in | easeout | ease-in-out | cubic-Bezier (number, number, number, number) "
-        },
-        {
-          "definition": "অ্যানিমেশন-ডিলেই",
-          "code": "time"
-        },
-        {
-          "definition": "অ্যানিমেশন-ইটারেশন-কাউন্ট",
-          "code": "inherit | number"
-        },
-        {
-          "definition": "অ্যানিমেশন-ডাইরেকশন",
-          "code": "normal | alternative"
-        },
-        {
-          "definition": "অ্যানিমেশন-প্লে-স্টেট",
-          "code": "runing | paused"
-        },
-        {
-          "definition": "রোটেশন",
-          "code": "angle | rotation-point | position (paired value off-set)"
-        }
-      ]
-    }
-  ]
-}
+  }