Dreamweaver - latest version

pziecina  wrote osgood_   wrote A better way is just make sure the total column widths+margin add up to 100%. I think Bootstrap and many frameworks confuse the issue by using silly numbers like col-md-3 when really it would be more explicit to use col-md-25% or col-md-6 should be col-md-50% Responsive design using percentage widths and few media queries is about as simple as it gets....anyone can learn how to do it in an afternoon. Maybe, but how does one use a grid system to layout too the golden ratio? If you look at this codepen css - https://codepen.io/Rplus/pen/JWNEOO the css values, (I would use calc) cannot be replicated as far as I can understand using a framework or any design grid for the web. css code example -     grid-template-columns: 61.8% 9.02% 5.58% 23.6%;   grid-template-rows: 61.8% 9.02% 5.58% 23.6%;   grid-template-areas:     "A B B B"     "A E F C"     "A E G C"     "A D D C";  }

I believe Bootsrtap in DW does have a way to use percentage layouts instead of the normal  3 3 3 3/   4 4 4 /  6 6 / 7 5 / 8 4 / kind of set up. Not as precise as the percentages you posted, from what I remember. At least it did at some stage, maybe that feature  has been remove since. Unless I was dreaming.

But yeah I design something which I feels/looks right, if it needs to be 73.3% because my professional design instincts says it looks better, then that's what I'll use. I dont stick to some restrictive grid.