Making separate divisions for different features for a better User Experience.

> What MDL Version are you using?
MDL SDK 2022.1(363600.1420): 05 Dec 2022

> What OS (and version) are you using?
MAC OS

PROBLM 1:
Actual behavior:

At present the demo pictures of the features like in the CHIP subsection is contained in a single row altogether which is then followed by a cluster of codes for the above features, which is a bit hard for the users to figure out.

Expected behavior
I would like to contribute to make separate sections for different features i.e. each feature having its own division which will contain the code and associated picture of the feature in a separate division to give the users a better user experience.
I would thus make clear and different subsections for each component.

PROBLEM 2:
Actual behavior:

Also the components at present have no clear division like in the LOADING SECTION.
Expected behavior
I would like to make separate divisions for each type of bar like a separate division for INTERMEDIATE, BUFFERING, DEFAULT, etc. and each section will contain the code and associated demo picture of the feature under a clear subheading.

Any other information you believe would be useful?
I am a sophomore at IIT ROORKEE and a frontend developer in Information Management Group in IIT Roorkee which maintains the official website of our institute, with expertise in HTML and CSS. I would thus like to work on the above mentioned issues.