HTML and CSS Reference
In-Depth Information
5. <section class="col-1-3">
6. ...
7. </section> <!--
9. Schedule
11. --> <section class="col-1-3">
12. ...
13. </section> <!--
15. Venue
17. --> section class="col-1-3">
18. ...
19. </section>
21. </section>
To review, on line 3 we leave a comment identifying the “Speakers” section to fol-
low. At the end of line 7, we open a comment immediately after the closing
</section> tag. Within that comment, on line 9 we identify the “Schedule”
section to come. We then close the comment at the beginning of line 11, just before
the opening <section> tag. This same comment structure reappears on lines 13
through 17 between the two <section> elements, right before the “Venue” sec-
tion. In all, we've commented out any potential white space between the columns
while also using those comments to identify our sections.
We now have a reusable three-column grid that supports multiple arrangements, using both
one-third- and two-thirds-width columns. Our home page now has three columns, breaking
up all the different teasers, as shown in Figure 5.10 .
Search WWH ::

Custom Search