Comment on What design tools get wrongparentComments−jandrese7ySure, can you whip up an easy 3 column layout for me using the parts of CSS that are fully standardized?CSS does a lot of things really well, but makes some common tasks way more difficult than they need to be.−house9-27y<table> <tr> <td></td> <td></td> <td></td> </tr> </table>Sorry, I couldn't resist−dillondoyle7y<style> table td {width:33.3333%;float:left;padding:10px;box-sizing:border-box;margin:0;display:block;border: none;border-collapse: inherit;border-spacing: 0;} table {width:100%} </style>lol−davidjnelson7yThis is pretty contrived but it took less than 10 minutes and required 0 googling:https://jsbin.com/nedesuvozo/edit?html,outputThe important two css classes: .Example--outer-container { display: flex; flex-direction: row; } .Example-three-column-inner-container { width: 33.333%; } Browser support: https://caniuse.com/#feat=flexbox
Comments
Sure, can you whip up an easy 3 column layout for me using the parts of CSS that are fully standardized?
CSS does a lot of things really well, but makes some common tasks way more difficult than they need to be.
<table>
</table>Sorry, I couldn't resist
<style> table td {width:33.3333%;float:left;padding:10px;box-sizing:border-box;margin:0;display:block;border: none;border-collapse: inherit;border-spacing: 0;} table {width:100%} </style>
lol
This is pretty contrived but it took less than 10 minutes and required 0 googling:
https://jsbin.com/nedesuvozo/edit?html,output
The important two css classes:
Browser support: https://caniuse.com/#feat=flexbox