HTML and CSS Reference
Figure 6-15. The completed create-a-room form for the home view
To keep the design consistent, the join-a-room form will be stylistically identical to the create-a-room form; only the
inputs and copy will change.
In the interest of minimizing the barrier to entry for attendees, the only information required to join a room is the
Jump start this form by copying the create-a-room form into the right half of the page and
then eliminating two of the three inputs.
Change the headline to read Attending? and the copy at the top to read, Join a room using
The label for the input should change to, What is the room's ID?
Finally, the submit button's text should read, Join This Room.
With those changes in place, the home page view should be complete with both forms
(see Figure 6-16 ).