Fixed more typos and website layout

[Hetarth02]

📑 Description

Fixed small typo in Getting Started and How to Contribute pages of the documentation.

✅ Checks

• My pull request adheres to the code style of this project
• My code requires changes to the documentation
• I have updated the documentation as required
• All the tests have passed
• My pull request is based on the latest commit/version

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
flowbite-svelte	✅ Ready (Inspect)	Visit Preview	Jul 23, 2022 at 9:59AM (UTC)
flowbite-svelte-update	✅ Ready (Inspect)	Visit Preview	Jul 23, 2022 at 9:59AM (UTC)

[Hetarth02]

As I go through documentation, I will try to find and edit the typos I find but it will take me some time in doing this.

[shinokada]

Thank you for finding the typos.
Can you push more commits to this PR when you find the typos?
I will then merge it.
Thanks again.

[Hetarth02]

Sure will do.

[Hetarth02]

I have fixed the website layout somewhat after reviewing your changes. Here is a before-after comparison,

Before, the entirety of the content was not showing(especially in footer) even after your changes.

After, now it is much more breathable and the content is fully visible.

@shinokada You can merge these changes for now as currently the website somewhat hinders user's readability, I will open a new PR which will contain fixed typos.

Hope you find these changes helpful!

[shinokada]

Thanks. Merged to v0.22.10.
I'm getting an error in the deployment. I need to check it.

[shinokada]

Ok, it is successfully deployed. Thank you for the PR.

[shinokada]

I think there is too much padding on the left than right for the main.
Can you have a look at this?

[Hetarth02]

Yeah, sure. Let me check and update you on this.
@shinokada Can you give me your device and browser specifications?
Because it is displaying everything in proper order on my side,

[shinokada]

macOS Monterey, version 12.4
Brave, Chrome, and FF. (latest version)

[Hetarth02]

I rechecked my code, but I couldn't find anything. I think the issue might be regarding responsiveness on large screens(large screens as defined by tailwind). I think the issue might be originating from this bit.

Commit Link

Can you try changing the lg:pl-80 to something smaller like lg:pl-32 or lg:pl-48. I hope this would fix the issue.

[shinokada]

Ok, thanks. I will do it.

[shinokada]

Can you try the following in your system?

<main class="flex mx-auto mb-8 px-2 pt-16 lg:pl-72 2xl:pl-32">

And let me know.