Clearing the footer


Hi guys! I'm looking for some help. I suspect the problem is in my HTML but no idea where. Any thoughts? Thank you!

I'm stuck here:

I'm receiving this error message:
Did you remember to set your #footer to clear:both?

Here's my code:

div {
    border-radius: 5px:
    height: 200px;
    width: 400px;
    background-color: #00a18a;
#header {
    position: fixed;
    z-index: 1;
    background-color: blue;
.left {
    border-radius: 5px:
    height: 25px;
    width: 20%;
    float: left;


#footer {
    border-radius: 5px:
    clear: both;

.right {
    border-radius: 5px;
    background-color: green;
    height: 25px;
    width: 20%;
    float: right;

<!DOCTYPE html>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
	<div id=header>HEY</div>
	<div class=left>WOW</div>
	<div class=right>LET'S</div>
	<div id=footer>GO</div>


You should close your header before .left remove extra closing bracket after .left


Thank you!! I entered that closing curly bracket and am still receiving that error. Could I have another issue as well?


What's your error and updated code please


I got it - it was a : not a ; after 5px. Thank you so much for your help tonight!


You're welcome :smile: