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
Adeeb Syed
3,275 PointsAttempt 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)
1 Answer
Adeeb Syed
3,275 Pointsthanks for the tip James! I updated the code pen
James Barnett
39,199 PointsJames 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.