some tweaks

This commit is contained in:
Micah Godbolt
2019-02-25 14:56:22 -08:00
parent 13a8fdd859
commit 3ab34131fe
5 changed files with 20 additions and 3 deletions

View File

@@ -100,6 +100,7 @@ span {
*/ */
padding: 10px 20px 15px; padding: 10px 20px 15px;
margin: 10px 20px 10px 0; margin: 10px 20px 10px 0;
border: 1px solid white;
} }
/* Qualified selector */ /* Qualified selector */
@@ -140,6 +141,7 @@ input[type='submit'] {
margin-top: 10px; margin-top: 10px;
} }
``` ```
## Next Step ## Next Step
[JavaScript Demo](../js-demo) [JavaScript Demo](../js-demo)

View File

@@ -50,6 +50,7 @@ span {
*/ */
padding: 10px 20px 15px; padding: 10px 20px 15px;
margin: 10px 20px 10px 0; margin: 10px 20px 10px 0;
border: 1px solid white;
} }
/* Qualified selector */ /* Qualified selector */

View File

@@ -1,6 +1,6 @@
<html> <html>
<head> <head>
<link rel="stylesheet" href="../css-demo/css-demo-finished.css" /> <link rel="stylesheet" href="../css-demo/css-demo-final.css" />
</head> </head>
<body> <body>
<div> <div>
@@ -20,7 +20,7 @@
<h2>Contact Us</h2> <h2>Contact Us</h2>
<div id="contact-form"> <div id="contact-form">
<label>Email</label><input class="email" type="email" /> <label>Email</label><input class="email" type="email" />
<input class="submit" value="Submit" type="submit" /> <input onclick="displayMatches()" class="submit" value="Submit" type="submit" />
</div> </div>
</div> </div>
</div> </div>

View File

@@ -31,7 +31,7 @@ As we saw in the previous demo, HTML elements can be used to describe different
<h1></h1> <h1></h1>
<div class="addTodo"></div> <div class="addTodo"></div>
<nav></nav> <nav></nav>
<header> </header>
<main class="filter"></main> <main class="filter"></main>
<footer></footer> <footer></footer>
</body> </body>

View File

@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head></head>
<body>
<header>
<h1></h1>
<div class="addTodo"></div>
<nav></nav>
</header>
<main class="filter"></main>
<footer></footer>
</body>
</html>