Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS responsive grid calculation question

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #156784

    hi all responsive grid calculation.

    I am trying to make a large responsive website but can get my 16 columns calculated correctly. and margin or padding correct. I am a but stumbled.

    http://codepen.io/CarraraWebsiteSolutions/pen/cHivb

    #156793

    I had a look at your collection @jurotek gave me some ideas fixed a few issues but just now trying to work out 5 more width

    http://codepen.io/CarraraWebsiteSolutions/pen/cHivb

    #156796

    col-xl-6 is 47% though and I not using 16 columns any more just 12 columns I hate math.

    #156805
    jkinney768
    Participant

    I’d suggest maybe a bit different approach to the grid where it requires less math and easier to modify. In your demo, if you want to change the padding/margin, you’ll also have to adjust the widths of the columns which can be a real pain.

    In this demo, all you have to do is change the padding on .col to separate each module and change the padding on the article which results in much easier to maintain grids. Hopefully you find this helpful. Grid Demo

    #156867

    I don’t how how to use use less or scss

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.