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

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