Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Basics Page Layout with the Float Property Footer Layout with Floats

Posted by Pavneet Bolena
Pavneet Bolena
983 Points

so confused

please help

style.css 
/* Complete the challenge by writing CSS below */



.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.footer-nav {clear: .logo;}
index.html 
<!DOCTYPE html>
<html>
<head>
    <title>Getting Started with CSS Layout</title>
    <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
</head>
    <body>
    <div class="container">
        <footer>
            <img class="logo" src="city-logo.svg" alt="logo">
            <ul class="footer-nav">
                <li><a href="#">Ice cream</a></li>
                <li><a href="#">Donuts</a></li>
                <li><a href="#">Tea</a></li>
                <li><a href="#">Coffee</a></li>
            </ul>
            <p class="copyright">&copy;2015 The Best City.</p>
        </footer>
    </div>
    </body>
</html>

1 Answer

laurahenry
laurahenry
12,665 Points
laurahenry
laurahenry
12,665 Points

The challenge is asking you to apply stylistic elements to the .footer-nav and .logo classes. Try setting it up like this and applying the appropriate float properties:

.footer-nav {

}

.logo {

}

Your code indicates that you're trying to clear the .footer-nav class, which isn't what the challenge is asking for. In your code, the .logo class is also included in the footer-nav class. CSS won't allow you to combine two classes like that; they need to be separated by a comma (if applying the same styles) or listed separately as I have above. It's also okay to go back and review the videos to help all those concepts sink in. Good luck.

joleneoropilla
joleneoropilla
17,214 Points

Agree with setup. Just wanted to point out that .logo is not included in the .footer-nav. Rather, they are actually separate classes under the <footer> element :]