three column content is not rendering properly in chrome

I have used a section from https://demo.gavick.com/joomla25/simplicity/ (second section which has three columns). If I use the same width as 33.3% for the div then it renders correctly in Firefox but does not render correctly in Chrome. In chrome, the third section comes down. So I had to set the width to 30% to make it look nicer in chrome. However, in Firefox now, it looks compressed.

Could you please help me to fix this issue and set width to 33.3% which will look good in chrome as well?

Please allow me to PM you the site url as the site is not yet launched so cannot share publicly.

Could you please post an url to your site where I could see this issue?

I sent you the URL in private message.

1. Editing original template files is a bad idea.
2. Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

.gkIcons > div {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
}


Remember to enable "CSS override" in template settings - advanced section.

Ps - you were quite close - just general box-sizing was missing.