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

Digital Literacy

Rwanda Muhammad
seal-mask
.a{fill-rule:evenodd;}techdegree
Rwanda Muhammad
Full Stack JavaScript Techdegree Student 4,116 Points

My two column layouts are not working for my contact page nor my about page.

@media screen and (min-width: 480px) { /**************************** TWO COLUMN LAYOUT *****************************/

#primary {
    width: 50%;
    float: left;
}

#secondary {
    width: 40%;
    float: right;
}

} /**************************** PAGE: PORTFOLIO
*****************************/
#gallery li { width: 28.3333%; } #gallery li :nth-child (3n + 1) { clear: left; } }

@media screen and (min-width: 660px) {

}

/**************************** PAGE: ABOUT
*****************************/

.profile-photo { float: left; margin: 0.5% 80px 0; }

}

Rwanda Muhammad
seal-mask
.a{fill-rule:evenodd;}techdegree
Rwanda Muhammad
Full Stack JavaScript Techdegree Student 4,116 Points

This is my CONTACT.html

</header>
<div id="wrapper">
<section id="primary"> <h3>General Information</h3> <p>I am not available for design, but I am willing to make contact with other students such as I.</p> <p>I can be reach best by email. Only contact me by phone for urgent matters. Thank You.</p> </section>
<section id="secondary"> <h3>Contact Details</h3> <ul class="contact-info"> <li class="phone"><a href="tel:916-555-5555">916-555-5555</a></li> <li class="mail"><a href="mailto:rwanda@example.com">rwanda@example.com</a></li> </ul>
</section>
<footer>