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

General Discussion

Posted by Craig Watson
Craig Watson
27,930 Points

Bootstrap Cover Page With Flexbox, with a few little extras :)

Hi Everyone!

So I thought I would get stuck in to a Treehouse Workspace to really see what it is like to develop on, I'm please to say I enjoyed and here is the result LOOK if you don't already know I have to have the editor open for this to work so I am trying out the new snapshot feature treehouse have kindly provided too :)

Hopefully this has worked Snapshot

You will be please to know there is no ugly table layouts for the cover section.

To add, flexbox is handling some of the mundane tasks like working out percentage padding brilliantly as you see if you dive into the code :)

The foundations are there for anyone to expand on this little snippet as id like to try out the ability to share and fork code snapshots on here.

I will keep adding little bits to this as I go so it can be a little bootstrap expo for people to use :)

Hope you like it!

Craig

1 Answer

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

Pretty cool, and yes flexbox is awesome, but what's wrong with display: table? Especially if you need to support older versions of IE.

Craig Watson
Craig Watson
27,930 Points

Hi Kevin,

There is nothing terribly wrong in the context you refer to other than it feels hacky.

I appreciate the fact there is still a good number of users on IE 8 / 9 that flexbox is not supported by but this is just a bit of fun looking forward. It may not be a great idea to ship this out in practice for clients unless your feeling brave :)

Craig