DEV Community

Discussion on: Anyone here still using CSS Floats?

Collapse
 
afif profile image
Temani Afif

I also still use float for things that cannot be achieved with flexbox and CSS grid. Let me know if you can achieve what I did here without float: dev.to/afif/responsive-hexagon-gri... (this is one example among many complex layouts I can do with float). Flexbox and CSS grid are not magic tools for everything

Collapse
 
mrchedda profile image
mr chedda

Yes that's a cool layout but Grid and Flexbox are for practical applications and higher level layouts. This hexagon 'grid' is likely NOT something someone will use frequently – It's an edge case which I see float can be useful.

Thread Thread
 
afif profile image
Temani Afif

that hexagon is only one example and you consider it as an edge case but it's not. You are probably working around "classic" rectangular layouts but the internet is full of complex layouts using complex shapes that only flexbox and grid cannot achieve alone.

Thread Thread
 
mrchedda profile image
mr chedda • Edited

Pleas list and link any fortune 500 company that uses this type of hexagonal grid. In my line of work (e-commerce) UX/UI is of great importance. This hexagonal grid has no place in my world. Maybe it has a place in your world, but not mine and that's OK. I haven't run across 1 web page in my recent memory that uses anything remotely like this and that's OK too.

Thread Thread
 
afif profile image
Temani Afif

like you said : in your world ;) so this doesn't make it an edge case. The internet world is bigger than your and my world.

PS: That hexagon grid is only one example among many.

Thread Thread
 
mrchedda profile image
mr chedda

in MOST worlds. I would say that MORE sites that exist DO NOT need nor employ HEXAGON grids to production. Again... direct me to any fortune 500 site that uses it. I'm pretty sure you can't even find 1 site. Go on.. I'll wait.

Thread Thread
 
afif profile image
Temani Afif

I don't even know what fortune 500 means ;) and we are clearly not in the same world so it's useless to give you some examples that you will not consider.

PS: that hexagon grid was one random example I pick but I think it's also useless to show you more example of layout using float.