- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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.
A Codepen.io demo is preferable to a link…
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.
You need change width and margin values for 4 blocks
.cd-pricing > li {
width: 23%;
float: left;
margin-right: 2.5%;
}