JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div class="content">
    <ul>
        <li>
            <img src="Calendar.jpg">
        </li>
        <li>
            <img src="Calendar.jpg">
        </li>
        <li>
            <img src="Contact.jpg">
        </li>
    </ul>
    <ul>
        <li>
            <div class="tbox">
                 <h2>Calendar</h2>

                <p>Check here to moniter meetings and other events. Additionally this calendar can be synchronized with other calendar programs.</p>
            </div>
        </li>
        <li>
            <div class="tbox">
                 <h2>Resources</h2>

                <p>When you join BASS you not only benafit from a strong community but also from our club resources such as our class notes & study guide database.</p>
            </div>
        </li>
        <li>
            <div class="tbox">
                 <h2>Newsfeed</h2>

                <p>Catch up on the latest club news. Check here for anouncments and details on recent club events. This feed is also availible on facebook.</p>
            </div>
        </li>
    </ul>
</div>

CSS

.content {
      background-color:white;
      margin:auto;
      width:80%;
  }
  .content img {
      width:200px;
      height:250px;
  }
  .content ul li {
      display:inline-block;
      list-style:none;
  }