semantic-issue

index.js

<div>
        <div class="ui three column doubling stackable grid container">
          <div class="column">
            <h1 class="ui header">First header</h1>
            <h2 class="ui header">Second header</h2>
            <h3 class="ui header">Third header</h3>
            <h4 class="ui header">Fourth header</h4>
            <h5 class="ui header">Fifth header</h5>
          </div>
          <div class="column">
            <div class="ui secondary pointing menu">
              <a class="active item">Home</a>
              <a class="item">Messages</a>
              <a class="item">Friends</a>
              <div class="right menu">
                <a class="ui item">Logout</a>
              </div>
            </div>
            <div class="ui segment">
              <p />
            </div>
          </div>
          <div class="column">
            <button class="ui primary button">Save</button>
            <button class="ui button">Discard</button>
          </div>
        </div>
      </div>