Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points
Posted by Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points

css trouble

my content is not shifting to the right like it should and some text is now gone what do I do???

1 Answer

Sarah Bradberry
Sarah Bradberry
7,115 Points
Sarah Bradberry
Sarah Bradberry
7,115 Points

Can you post your code please?

Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points
Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points

heres the code "<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> </head> <body> <div class="container clearfix">
<div class="grid_4"> <img src="img/logo.gif" alt="Smells Like Bakin"> </div> <div class="grid_8 omega"> <ul class="nav"> <li><a href="#">About</a></li> <li><a href="#">Cupcakes & Prices</a></li> <li><a href="#">Locations</a></li> <li class="last"><a href="#">Contact Us</a></li> </ul>
</div> <div id="intro" class"grid_9"> <h1>Opposites really do attract, especially in our kitchen! We combined flavors that melt together to create ironically delicious desserts.</h1>
<p><a href="#" class="btn">Browse Our Cupcakes</p> </div> <div class="grid_3"> <img src="img/you-bake-me-blush.gif" alt="You Bake Ma Blush"> </div> <div id="featured-cupcake" class="grid_7"> <h2>Cupcake of the week</h2> <p>Thies week's featured cupcake is the <a href="#">Avocado chocolate cupcake</a>. Its strange combo of flavors will kick your taste buds into fiesta mode!</p> <img src="img/featured-cupcake.jpg" alt="Avacado chocolate cupcake" </div> <div id="new-cupcakes" class="grid_5 omega"> <h2>Fresh Out The Oven</h2> <p>Our Newest are <a href="#">Bacon Me Crazy</a> and <a href="#">Jalapeño So Spicy</a>.</p> <img src="img/new-cupcake-bacon.jpg" alt="Bacon Me Crazy"> <img src="img/new-cupcake-jalapeno.jpg" alt="Jalapeno So Spicy"> </div>

    <h2>Inside The Kitchen</h2>
    <p>Smells Like Bakin' started out in the garage of the husban wife duo Allison &amp; joseph. Allison is the baker, and joseph   found  a way for them to make a buisness out of her tasty treats. Flash forward to today and they have a successful store front,    catering        buisness and cupcake truck.</p>
    <p><a href="#" class="btn-small">Read more</a></p>


    <h2>Get Bakin' with Us</h2>

    <div id="contact">
       <p>Call Us: <span>1-555-CUP-CAKE</span><br>
       Email us <a href="#">bakeon@smellslikebakin.com</a></p>    
    </div>


    <p>We announce all of our new flavors through Facebook &amp; Twitter, and even take requests!</p>
    <a href="http://www.facebook.com/SmellsLikeBakin">
       <img src="img/facebook.gif" alt="Facebook"></a>
    <a href="https://twitter.com/#!/smellslikebakin">
       <img src="img/twitter.gif" alt="Twitter"></a>

    <div id="copyright">
       <p>&copy; 2014 Smells Like Bakin' Cupcake Company. All Rights Reserved</p>  
    </div>

</div>

</body> </html>"

these "" are not in the code this is from the video "working with grids" track" web design"

Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points
Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points

i try to post the code but it changes