Center, right or left or... wrong

User 566707 Photo


Registered User
81 posts

Hello again.

I am slowly getting the hang of RSD but on the other hand completely not hahaha. Silly question but here goes

I have a row (12), I add a column for buttons links. I add 4 buttons, they work and look OK. But.... how can I get the column in the center of the row now? Or even better: how can I get the buttons in the center of the column?

Max
User 2699991 Photo


Registered User
5,596 posts

try position flex the column justify space around align center then auto margin the buttons left & right or left/right auto margin
STUCK ON SOMETHING?
Learning by doing. Responsive Site Designer Tutorials
https://mawarputih.coffeecup.com/forms/contact-wayan/

User 566707 Photo


Registered User
81 posts

Eh no? :P
User 122279 Photo


Senior Advisor
14,752 posts

I guess this was what Wayan was talking about.
https://www.dropbox.com/s/d2deu24w8kypj … e.rsd?dl=0
(Wayan, maybe a wee bit of inter-punctuation would clarify a bit :P )
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
5,596 posts

here is a link to a short video (without punctuation showing the flex way :D

https://www.dropbox.com/s/ep3h1xrzc96skun/center-buttons.wmv?dl=0
STUCK ON SOMETHING?
Learning by doing. Responsive Site Designer Tutorials
https://mawarputih.coffeecup.com/forms/contact-wayan/

User 566707 Photo


Registered User
81 posts

Aaaaaaaaaaaaaaaaah easy! I did not find that. Thanks so much. How silly :-( How could I have missed that option there. Is there anywhere I can found the meaning of the rest of the options? The difference between flex and block seems to make sense now.

But I guess there is also a difference in behaviour in smaller screens etc?

Thanks again, I can struggle further now :-)
User 122279 Photo


Senior Advisor
14,752 posts

For smaller screens: Push the slider towards the left, and when the buttons start appearing squished, or a little before that, add a breakpoint. And then go back to the column which displays flex, and change the 'wrap' from no-wrap to wrap.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 566707 Photo


Registered User
81 posts

Will try that too

Thanks for your help, I appreciate it. I feel so stupid :-( I build website since 1998 but with HTML coding and these 'easy to manage' programs are a pain for me :)
User 122279 Photo


Senior Advisor
14,752 posts

More or less the same to me! ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



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.