Tutorial chapter 1 dialogue placement with rough comic mockups

This commit is contained in:
Victoria Wang 2015-09-18 15:09:06 -07:00
parent 11ab120f77
commit eb8873c381
20 changed files with 47 additions and 40 deletions

View file

@ -1,7 +1,6 @@
<div class="comic" style="height: 500px">
<div class="dialogue">
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg7.png);">
<div class="dialogue" style="left: 0">
Now maybe your website needs a list. Here's how an unordered list looks:
<ul>
<li>websites</li>
<li>yarn</li>
@ -11,7 +10,7 @@
<div class="dialogue">
First, add a list to your page, but replace my favorite activities with your own!
</div>
<div class="dialogue">
<div class="dialogue" style="left: 340px; top: 140px;">
Second, put an h2 header above the list with some kind of title like "Interests."
</div>
</div>