In the example of 12 items in the container there are four rows of three items each.
If I remove the 12th item the final row is left aligned with items 10 and 11. I want these to be be centred aligned on the row.
If the number of items in a rowchanges say from three to five by going to a wider screen then just the 11th item will be orphaned on its own row and centred. The 10th item forms part of the second row.
Sorry I haven't responded to you before today. Have just opened it. Yes that is what I am after. Thank you very much.
Now for the tricky bit: understanding what you have done! Wish me luck.
for all Breakpoints?
10 10 10 10
Edit: What I replied to here was your question about the settings for the container-1. Haven't checked the other questions yet...
At the moment there is nothing that limits the width of the container-1 or the body. So if the screen is wide enough, the boxes will all display in just one row. If you want a certain max number of boxes displayed in one and the same row, you need to set a max-width on the container, the body or both.
You must have an account to participate. Please Sign In Here, then join the conversation.