Assignment 6
Show Check-In and Check-Out Side by Side

In this exercise we’ll improve the Homepage to display the check-in and check-out TableRecords side by side.

  1. Make sure your Homepage screen has a hierarchy like this:

  2. Enclose each heading and Table records in a container.
    • Resize the new container to ‘6 col’;
    • The ‘Checking In Today’ and ‘Checking Out Today’ Table Records are now displayed side by side? Great!
    • Limit the height of both lists, by enclosing the Table Records in a container, and applying the following style:

.GuestList  {

height: 270px;

overflow: auto;


Checkpoint Q&A #1
Checkpoint Q&A #2
Checkpoint Q&A #3
Checkpoint Q&A #4
Reuse Functionality between Application Modules (cont.)