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 CSS Layout Techniques Display Modes Column Layout with Inline-Block

Ivan Franzone
Ivan Franzone
7,328 Points
Posted by Ivan Franzone
Ivan Franzone
7,328 Points

Inline / Inline-Block VS float & flexbox?

Hello! This is "50% a personal valuation" and "50% a question" that I ask you guys:

All the content on this track is explained very well, but I think there is a """misperception""" that It might create some doubts to "noob" frontends like me :D

I think that there is nobody who creates a full layout usign Inline/inline-block/blocks and those properties as whitespace , the negative margin-right etc etc; I also think that inline/inline-block it´s just used on "small tasks" like menus. But the important parts of our layout, and basically which ones that defines the structure, we build them using "floats" or "flexbox".

I would like to know if what I think it´s the "normal and most common practice". What do you think guys?

Alexander Costa
Alexander Costa
11,464 Points
Alexander Costa
Alexander Costa
11,464 Points

Yup! inline and inline blocks are used for lists like nav bars to align them etc. I stopped using floats for flexbox a while ago for my main content. in other words your right.

1 Answer

Codin - Codesmite
Codin - Codesmite
8,600 Points
Codin - Codesmite
Codin - Codesmite
8,600 Points

I personally do not use flexbox in any of my websites as of the moment due Internet Explorers poor support. I generally stopped caring about Internet Explorer for a lot of CSS styling that would effect visual effects but lack of flexbox support will severely effect the layout in internet explorer.

I mostly use a combination of relative, absolute positioning and box-sizing to build most of my layouts and have yet to find a reason to actaully need to use flexbox, even in responsive and adaptive layouts as I can easily control the positioning with media queries and percentage values anyway.