Layout issues with IconBoxes of different size

Hello,

I have the following layout in order to create a product feature overview:
1/3 1/3 1/3
1/3 1/3 1/3
  1/2   1/2

In this case, the first IconBox (left-upper) is slightly (and I mean just about 20px) bigger in size than its right neighbour.
The first row is completely fine, but in the second row the first IconBox appears to be below the third of the first row.
The rest of all are spread around on various places, but there's absolutely no layout. It's just messed up.

I would strongly suggest that you change it, so that all items of one row have the same size as the biggest in this row, in order to keep the layout. I don't care if there's a bit more space between two rows, as long as all items are placed in one line, not spread around.


Or have I done something wrong?

Greetings
GeFourcey

Comments

  • edited July 2014
    Hi,

    we haven`t seen your website but we think that this happen because after each row you forgot about "Divider" item. Please use it after each row and all should be fine :)

    But if this won`t help, then we need url to your website so we can have a look on it.
  • Yep, I found this out a while later. I randomly saw the divider element and added it.
    I thought it would do this automatically ;)

    But thanks for the enlightenment :)
  • This can`t be automatically because different users got different needs and that`s why we must make theme with best purposes for all users :) And this is the reason why you need to use "Divider" item after each row if you need it.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.