HTML and CSS Reference
In-Depth Information
form p { font-size: .75em; }
label input { width: 88%; font-size: 1.6em; }
footer { margin-top: 3em; }
footer ul { width: 300px; }
}
Save and reload the page; then change the browser size to see the layout adapt (see Figure
7-13
).
Figure 7-13.
The home view, complete with responsive layout rules
Developing the Active Room View for Attendees
The next step is to create the markup for the active room view as it will be seen by attendees. This is where they will
ask and vote for questions.
Writing the Markup
To start, grab the same header and footer markup used in
index.html
and save it to a new file called
attendee-active.html
:
<!doctype html>
<html lang="en">
Search WWH ::
Custom Search