Learn the CSS Box Model by Building a Rothko Painting - Step 7

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Rothko Painting</title>

<!-- User Editable Region -->

<link rel = "stylesheet" href = "styles.css">

<!-- User Editable Region -->

  </head>
  <body>
    <div class="canvas">
    </div>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Challenge: Learn the CSS Box Model by Building a Rothko Painting - Step 7

Link to the challenge:

2

Get rid of the unnecessary spaces around the equals sign and this should work. In the “real world”, no one puts spaces around the equals sign for HTML attributes so you should not make it a habit :slightly_smiling_face: