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.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.