After No. 6 my Result Tab still looks bland


#1

After following all the steps up to no. 6, my result tab still looks empty, only the writing is being displayed and the background colour is not visible, any idea why?
Thanks in advance.

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	<div id="header">Header</div>
	<div class="left">Carrot</div>
	<div class="right">Elephant</div>
	<div id="footer">Donkey</div>
	</body>
</html>

#header {
    border-radius: 5px;
    height: 50px;
    width: 50px;
    background color: #554b42;
    position: fixed;
    z-index: 1;
}
.left {
    border-radius: 5px;
    height: 50px;
    width: 50px;
    background color: #b3d6fc;
    float: left;
}
.right {
    border-radius: 5px;
    height: 50px;
    width: 50px;
    background color: #b3d6fc;
    float: right;
}
#footer {
    border-radius: 5px;
    height: 50px;
    width: 50px;
    background color: #554b42;
    clear: both;
}

#2

Please format your code.


#3

The problem you have, is that background-color is one word with a dash/hyphen in between, the hyphen is missing.

for next time, use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#4

:grin::grin::grin::grin:Thank You!:grin::grin::grin::grin: