JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
            <div class="column column-left">
                <div id='intro'>
                    <div><p>NZPIF has negotiated national agreements with a number of partners in order to achieve benefits for members of Property Investors&#39; Associations.&nbsp;Show your NZPIF card when beginning the purchase of items from these partners and reap the benefits of being a member. Ask your Association for information about local agreements with suppliers.</p></div>
                </div>

                       <div class='section principal'>
                                  <div class='item principalitem'>
                    <img src="http://pimms.nzpif.org.nz/UserFiles/images/x.jpg" width="195" height="90" />
                    <div>Copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here.</div>
                </div>
                          <div class='pageend'></div>
    </div>
    <div class='pageend'></div>
                    </div>
                    <div class="column column-center">
                      <div class='section gold'>
                  
    <div class='item golditem'>
        <img src="http://pimms.nzpif.org.nz/UserFiles/images/bunnings.png" width="150" height="70" />
        <div>Copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here.</div>
    </div>
                
    <div class='item golditem'>
        <img src="http://pimms.nzpif.org.nz/UserFiles/images/" width="150" height="70" />
        <div>Copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes here copy goes...

CSS

body {
                background-color: #ffffff;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                line-height: 15px;
            }

            * {
                margin: 0;
                padding: 0;
            }
            p {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                line-height: 15px;
                margin-right: 25px;
                margin-left: 25px;
            }

            #wrapper {
                width: 1269px;
                margin: 0 auto;
            }

            .column{
                width: 397px;
                float: left;
                margin-left: 5px;
                margin-right: 5px;

            }

            .column-left {
            }

            .column-center {
            }

            .column-right {
            }


            #intro p{
                color: #FFF;
                line-height: 20px;
                font-size: 13px;
                font-family: Arial, Helvetica, sans-serif;
                margin-left: 0;
            }
            .level3{
                background-color: #ffffff;
                height: 105px;
                width: 140px;
                overflow:hidden;
            }

            #intro {
                background-color: #082e79;
                background: url("http://static.nzpif.org.nz/img/pimms2/partnerspage/header.gif") no-repeat;
                padding-top: 250px;
                margin: 0 5px 20px 5px;
            }


            #intro div {
                background-color: #082e79;
                padding-left: 85px;
                padding-bottom: 30px;
                margin: 0;
            }

            .contact {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 13px;
                color: #082e79;
                text-align: right;
                font-weight: bold;
                margin-top:...