Hello SenangStart!
Zero config, instant styling.
```
**Documentation**: [Getting Started Guide](https://bookklik-technologies.github.io/senangstart-css/guide/getting-started.html)
## SenangStart CSS Code
```html
<section layout="flex col items:center container" space="p-x:medium-3x tw-lg:p-x:big-3x m-y:large tw-lg:m-y:big-3x m-x:auto">
<div space="p-x:small max-w:[max-content] m-b:small tw-lg:m-b:medium" visual="border-w:regular rounded:small border:blue-600 text:blue-600 font:tw-bold">
Solution
</div>
<h1
space="m-b:small tw-lg:m-b:medium tw-lg:max-w:[screen-md] w:[100%]" visual="text-size:huge tw-lg:text-size:mega capitalize font:tw-bold text:left tw-lg:text:center">
Why Choose Us As Your Growth Partner
</h1>
<p space="m-b:medium tw-lg:m-b:large" visual="text-size:base tw-lg:text-size:huge font:tw-semibold">
Stop repeating the same messages to your customers to introduce your
business.
</p>
<div layout="overflow:hidden relative" space="w:[100%] tw-lg:max-w:[screen-md]" visual="bg:gray-200 rounded:medium">
<div space="w:[100%]" style="padding-top: 60%">
<iframe src="https://www.youtube.com/embed/__NeP0RqACU" title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen layout="absolute top:none left:none" space="w:[100%] h:[100%]"></iframe>
</div>
</div>
</section>
```
## Tailwind CSS Code
```html
<section class="px-6 lg:px-16 flex flex-col items-center my-8 lg:my-16 container mx-auto">
<div class="border-2 rounded-md border-blue-600 text-blue-600 px-2 max-w-max font-bold mb-2 lg:mb-4">
Solution
</div>
<h1
class="text-2xl lg:text-6xl capitalize font-bold mb-2 lg:mb-4 text-left lg:text-center lg:max-w-screen-md w-full">
Why Choose Us As Your Growth Partner
</h1>
<p class="text-base lg:text-2xl font-semibold mb-4 lg:mb-8">
Stop repeating the same messages to your customers to introduce your
business.
</p>
<div class="bg-gray-200 rounded-lg overflow-hidden relative w-full lg:max-w-screen-md">
<div class="w-full" style="padding-top: 60%">
<iframe src="https://www.youtube.com/embed/__NeP0RqACU" title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen class="absolute top-0 left-0 w-full h-full"></iframe>
</div>
</div>
</section>
```