beyond-css-course-material/challenges/01-nesting/02/nesting-challenge.html

27 lines
881 B
HTML

<link rel="stylesheet" href="css/styles.css">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nesting Challenge #2</title>
</head>
<body>
<h1>Nesting Challenge</h1>
<p>Style the following buttons so that they look like the provided sample. When you're done, not only should <a
href="img/final-layout.png">it look similar</a>, but the <a href="img/file-structure.png">file structure</a>
and
<a href="img/final-css.png">final CSS file</a> should match the provided files.
</p>
<a href="#" class="btn btn__primary">Primary button</a>
<a href="#" class="btn btn__secondary">Secondary button</a>
<a href="#" class="btn btn__accent">Accent button</a>
</body>
</html>