JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <main>
        <div id="gallery">
             <h2>My Work</h2>

            <div id="wrap">
                <img class="projectlogo" src="images/rotary_logo.png" width="122" height="113" alt="" />
                <div class="description">
                    <p>Rotary Club of Wilsonville is an ongoing project. They are an active group in their community and plan many events for variuos causes. They needed help keeping the calendar updated and improving some of the content on their site.</p>
                </div>
                <img class="projectsite" src="images/website2.png" width="126" height="126" alt="" />
            </div>
        </div>
    </main>
</div>

CSS

#wrapper {
    width: 90%;
    min-width: 768px;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}
.projectlogo {
    float: left;
    margin: 20px;
    width: 122px;
    height: 113px;
}
.projectsite {
    border-radius: 50%;
    border: solid #DFF0D8;
    float: left;
    margin: 20px;
    width: 126px;
    height: 126px;
}
.description {
    float: left;
    margin: 20px;
    width: 400px;
}
.description p:first-child {
    margin-top: 0;
}
#gallery {
    width: 980px;
    height: 240px;
    font-size: 1.25em;
    margin: 0 auto;
}
#gallery h2 {
    text-align: center;
}

#wrap {
    display: inline-block;
}

main {
    text-align: center;
}