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

Help me build a tweet with Flexbox

Hello everyone,

To learn Flexbox more extensively I've given myself an exercise to rebuild a tweet page with Flexbox.

The tweet: https://twitter.com/ernstvanmegen/status/441147993702825984

The current version: https://github.com/evm/flexbox/tree/master/tweet

If you're interested you can try to co-create with me via GitHub.

I'm stuck at the navigation at the moment.

Ernst

5 Answers

Try using Twitter's bootstrap -> getbootstrap.com

You are right, bootstrap doesn't have integrated flexbox. But I think it is a good starting point. You could use bootstrap and then in separate CSS modify specific elements behavior by changing e.g. display to flex... Unless, of course, you are trying to write code from scratch.

Bootstrap hasn't integrated Flexbox?

Thanks for your comment Vladimir Dumitraskovic, and yes. Going from scratch to keep the code clean.

Worked on the navigation part. Divided it in to 3 separate containers so that I can work with the containers and flex-items inside those containers individually.