JSFiddle - React, Tailwind, and code Playground

HTML

<div id="section-1" class="section">
            <p>
            Competently synergize tactical products rather than prospective methodologies. Phosfluorescently re-engineer resource-leveling web-readiness vis-a-vis diverse best practices. Progressively facilitate wireless expertise without installed base scenarios. Monotonectally aggregate standards compliant services vis-a-vis cross-media relationships. Energistically exploit excellent meta-services through proactive leadership.

Authoritatively transition go forward intellectual capital via multifunctional strategic theme areas. Holisticly predominate client-centered materials with integrated infomediaries. Compellingly brand innovative processes and value-added bandwidth. Objectively cultivate.
            </p>
            </div>

CSS

.section{
    width: 100%;
    display: inline-block;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    
}
#section-1,#section-3{
    background-color: #ddd;
    
}