Merge pull request #54 from codeharborhub/dev-1

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

@@ -138,7 +138,7 @@ In the example above, HSLA color values are used to specify the colors of the `<
 
 By using HSLA color values, you can enhance the visual appearance of your web designs and create engaging color schemes with varying levels of transparency. HSLA color values provide a flexible way to specify colors based on hue, saturation, lightness, and alpha values, allowing you to create unique color effects and visually appealing designs in your web projects.
 
-If you want to learn more about CSS colors, you can check out our [CSS Colors](/tutorial/category/colors) guide for additional information on color models, color functions, and color formats in CSS.
+If you want to learn more about CSS colors, you can check out our [CSS Colors](/tutorial/css/colors/color-names) guide for additional information on color models, color functions, and color formats in CSS.
 
 ## Conclusion
 

docs/css/backgrounds/background-image/_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/box-model/_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.