[docs]: Inconsistent styling in code blocks for ``brew install`` command

[pratik-mahalle]

👀 Is there an existing issue for this?

• I have searched and didn't find similar issue

💭 Description

Current Behavior:

The code block for brew install lima is breaking the formatting of the page as you can see the other blocks. This makes the page layout look inconsistent and less compact.

Expected Behavior:

The brew install lima code block should either be on the same line as the "limactl create template://debian-12" instruction. All text within the code block should also be styled consistently. This would create a clean, logical, and easy-to-read layout.

Steps to Reproduce:

1. Open the documentation page.
2. Navigate to the "Install Keploy with Lima" section.
3. Observe the spacing and formatting of the code block under the "Install Lima" heading.

💻 Repository

docs

[AryanCruise]

I would like to work on this

[AryanCruise]

I've investigated this further using the browser's inspector and found the root cause of the bug.

Summary of Findings:

• The <div> containing the brew install lima code block is being rendered outside of its parent <li> and <ol> tags. This breaks the HTML list structure and is the direct cause of the styling issue.

• The source file, macos.md, appears to be written correctly. This suggests the bug is not in the content itself, but in the React component responsible for parsing and rendering the Markdown into HTML.

[pratik-mahalle]

Hey @AryanCruise, Please go ahead!

[Raj-G07]

@pratik-mahalle Are you sure ?

[pratik-mahalle]

Yes, Please check by running the application locally once @Raj-G07, As I can see it is showing on the keploy official docs site

[Raj-G07]

If in an official site , all looks good , why we have to run it locally ? Make sure you update branch as well
If this is really issue can you give me screenshots of an official site ?

[pratik-mahalle]

You can see it here @Raj-G07

[Raj-G07]

1 , 2
The problem is in 1 not in 2 , appreciate your works

[AryanCruise]

I am almost done with this problem locally, and I am trying to fix the alignment for all the sections, like macOS and Windows, as the issue exists in both places

Fixed issue on localhost:

[AryanCruise]

Do you think I should fix this, too? As there is an issue with the Linux>Native section, where the heading size and style for each point is not the same as that of other sections, like (Linux>Docker), and different sections too

[AryanCruise]

created a pr for this

keploy/docs#686

Let me know if any changes are required