Update: Docs Structure with formating way

Author: ajay-dhangar

docs/css/_category_.json

@@ -1,12 +1,9 @@
 ---
-id: introdution
 title: Introduction to the CSS Box Model
 sidebar_label: Introduction
-sidebar_position: 1
 keywords: [css box model, box model, css layout, css box model introduction]
 description: "Learn about the CSS box model and how it is used to layout elements on a web page."
 tags: [css, box model, css layout, css box model introduction]
-hide_table_of_contents: true
 ---
 
 import BoxModelDiagram from './script/BoxModelDiagram';

docs/css/backgrounds/_category_.json

@@ -1,8 +1,6 @@
 ---
-id: font-align
 title: "CSS Font Alignment"
 sidebar_label: "Font Alignment"
-sidebar_position: 8
 tags: ["css", "font alignment", "css font alignment", "css text alignment", "css text properties"]
 description: "Learn how to use the CSS `text-align` property to align text within a container on your web page."
 keywords:
@@ -11,7 +9,6 @@ keywords:
   - css text alignment property
   - css text alignment values
   - css text alignment examples
-hide_table_of_contents: true
 ---
 
 In CSS, the `text-align` property is used to specify the horizontal alignment of text within a container. It allows you to control the positioning of text elements on your web page, aligning them to the left, right, center, or justified within their containing block.

docs/css/backgrounds/background-image/_category_.json

@@ -1,8 +1,6 @@
 ---
-id: font-size
 title: "CSS Font Size"
 sidebar_label: "Font Size"
-sidebar_position: 2
 keywords:
   - css font size
   - font size css
@@ -17,7 +15,6 @@ tags:
     - css text size
     - css font size property
     - css font size example
-hide_table_of_contents: true
 ---
 
 In CSS, the `font-size` property is used to set the size of text content. You can specify the font size in various units such as pixels, ems, rems, percentages, and more. By adjusting the font size, you can control the visual appearance of text on your web page, making it larger or smaller as needed.

docs/css/box-model/_category_.json

@@ -1,8 +1,6 @@
 ---
-id: font-style
 title: "CSS Font Style"
 sidebar_label: "Font Style"
-sidebar_position: 7
 keywords:
   - css font style
   - css font style property
@@ -17,7 +15,6 @@ tags:
     - css font style property
     - css font style values
     - css text properties
-hide_table_of_contents: true
 ---
 
 In CSS, the `font-style` property is used to specify the style of a font, such as italic or oblique. It allows you to apply different text styles to your web page, making text elements appear italicized or slanted as needed. The `font-style` property accepts several values that control the appearance of text, providing you with flexibility in styling your content.