Forums

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

Home Forums CSS Margin issue

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #239772
    ameo
    Participant

    hi

    I struggle with this thingie:
    https://codyhouse.co/demo/animated-sign-up-flow/index.html

    I have 2 problems, and both are related to margin, I believe.
    Can anyone explain to me to what element should I apply margin?, -so I would get ability to have 4 of that tables in a row.

    Also, when I tried to put more tables, the rest of them all stick right to the bottom of first ones, instead of having empty space.

    So – I’d like to have less empty space between them, so I could have 4 in a row, but also obviously, much needed space that would separate ones on the bottom from ones on the top.

    Please help me.

    #239777
    Paulie_D
    Moderator

    A Codepen.io demo is preferable to a link…

    #239778
    Senff
    Participant

    You’ll need to work with the margins on the LIs, like you have now. 28% is too much to have 4 blocks next to eachother, so you’ll need to decrease that.

    To add some space at the bottom of them, simply add some bottom margin to the LIs.

    #241824
    GMK Hussain
    Participant

    You need change width and margin values for 4 blocks

    .cd-pricing > li {
        width: 23%;
        float: left;
        margin-right: 2.5%;
    }
    
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.