/*etc.. and so on for any properties that were changed in the original rules.... */

`

`

Thanks it works, but i need to make it responsive and those border-spacing:--% does not work. please tell if any other method is there to do so( i had done before that method in which inner floating divs are made of same length,but i don't remember that )btw thanks for diving :find: into my css code

Thanks it works, but i need to make it responsive and those border-spacing:--% does not work. please tell if any other method is there to do so( i had done before that method in which inner floating divs are made of same length,but i don't remember that )btw thanks for diving :find: into my css code

Percentages can't be used on border-spacing so the only way to space them apart is to use pixels. However that wont really affect the responsiveness as the cells will shrink and grow as required but just that the space between them will not grow (which I find more appealing anyway).

There are a couple of other alternatives but they are more risky and more complicated.

1)You can use the massive padding bottom and massive negative margin technique where the three floats are contained with a parent that has overflow:hidden applied and then the columns will equalise. The downside is that any links in that section reached by a fragment identifier will break the page as it will scroll the content inside and become unreachable. If that's not an issue for you then that method is ok in small doses.

Percentages can't be used on border-spacing so the only way to space them apart is to use pixels. However that wont really affect the responsiveness as the cells will shrink and grow as required but just that the space between them will not grow (which I find more appealing anyway).

There are a couple of other alternatives but they are more risky and more complicated.

1)You can use the massive padding bottom and massive negative margin technique where the three floats are contained with a parent that has overflow:hidden applied and then the columns will equalise. The downside is that any links in that section reached by a fragment identifier will break the page as it will scroll the content inside and become unreachable. If that's not an issue for you then that method is ok in small doses.