News for hackers. Stuff that matters.

A comment on What design tools get wrong. Parent comment

Re:What design tools get wrong by jandrese on Friday April 12, 2019 @02:25PM (#19647612)
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.

[ Parent | on HN ]
Re:What design tools get wrong by house9-2 on Friday April 12, 2019 @08:48PM (#19650332)
<table>

  <tr>

    <td></td>
    <td></td>
    <td></td>

  </tr>
</table>

Sorry, I couldn't resist

[ Parent | on HN ]
Re:What design tools get wrong by dillondoyle on Saturday April 13, 2019 @02:46AM (#19651459)
<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

[ Parent | on HN ]
Re:What design tools get wrong by davidjnelson on Saturday April 13, 2019 @05:05PM (#19655724)
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:

    .Example--outer-container {
      display: flex;
      flex-direction: row;
    }
    
    .Example-three-column-inner-container {
      width: 33.333%;
    }
Browser support: https://caniuse.com/#feat=flexbox
[ Parent | on HN ]