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 Grid Layout Going Further with Grid Layout Using Grid with Flexbox

Posted by furkan
furkan
11,733 Points

Quirks

Creating a web page using floats has its downside of generating quirks e.g. the clearfix. With the use of the powerful grid layout complementary with flex, could we say that we have potentially overcome quirks for page layouts, or are there still layout problems that need to be known even with these relatively new properties?

3 Answers

Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

I think as long as there is more than one browser available and commonly used (which I hope is indefinitely), there will continue to be 'quirks'.

But this isn't a bad thing. Trying to fix these quirks and fill in gaps of functionality is what inspired developers to create features like flexbox and grid layout.

Travis Batts
Travis Batts
4,031 Points
Travis Batts
Travis Batts
4,031 Points

I for one find myself hardly ever using floats. I either will use a CSS framework such as Bootstrap and when using SASS I will code with Flex. Grid is absolutely awesome, but we have to take into consideration browser support. However, I feel eventually that too will be buttoned up. So essentially (my opinion) I avoid using floats, quite a few options out there that can be used now..

Travis Batts
Travis Batts
4,031 Points
Travis Batts
Travis Batts
4,031 Points

lain but margin collapse is a "quirk" I can do without. There are a few case instances where floating objects should ever be used. I felt like the OP was more referencing floats than anything else. While yes flex-box and GRID have "quirks" and are not accepted across all browsers, 94% is still most likely enough for a free lance developer or someone starting out.