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

Attempt at Build a Simple Website - with flexbox

Hey everyone!,

After going through the CSS deep dive, I was still feeling uncomfortable about layouts and needed some more practice. I went through [Learn Layout](learnlayout.com) which helped solidify some concepts but I still needed to put what I learned into practice. I decided I'd try re-creating the Smells Like Bakin' website using flexbox as the layout scheme instead of the grid.

You can find my code at: http://cdpn.io/Jwdun

I'd appreciate any feedback on it!

Note: I do not have a codepen pro account so none of the images are loading. I'm not sure how to get them to show. If anyone knows the solution to this, let me know! Take my word for it that the images are positioned exactly how they are positioned at [smellslikebakin.com](smellslikebakin.com)

James Barnett
James Barnett
39,199 Points

> I do not have a codepen pro account so none of the images are loading. I'm not sure how to get them to show. If anyone knows the solution to this, let me know!

Link the images on on smellslikebakin.com

Rather than doing this

<img id="logo" src="img/logo.gif" alt="Smells Like Bakin'">

Do this

<img id="logo" src="http://smellslikebakin.com/img/logo.gif" alt="Smells Like Bakin'">

You can use find and replace in your text editor to make that change for all of your images.

1 Answer

thanks for the tip James! I updated the code pen