scrimba
Responsive Design
Better style
Starting to style up the form - BBQ Splash Page
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Starting to style up the form - BBQ Splash Page
AboutCommentsNotes
Starting to style up the form - BBQ Splash Page
Expand for more info
index.html
run
preview
console
<!DOCTYPE html>
<html>
<head>
<title>Become a BBQ master!</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,900&display=swap" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<div class="intro">
<h1>Learn how to make <strong>the best BBQ ribs</strong> in town</h1>
<p>Join us for this live webinar</p>
<p class="top-text">Mouthwateringly delicious</p>
</div>

<div class="main-content">
<h2>Become a BBQ master! </h2>
<p>Register Today</p>
<p>BBQ isn't just standing in front of your grill with it on full blast and hoping for the best. It's an art! One way to speed up the process is to learn from the best. You can do just that by signing up for this free webinar!</p>

<form action="#" method="POST">
<input type="text" required placeholder="first name">
<input type="email" required placeholder="email">
<button class="btn btn-primary" type="submit">Register</button>
</form>

<p class="fine-print">We'll never share your information without your permission</p>
</div>
</body>
</html>
Console
index.html
-4:03