5 Columns

User 458539 Photo


Registered User
1,485 posts

I need to place 5 columns in a row(now a container). Any suggestions?

Thanks

Byron
User 122279 Photo


Senior Advisor
13,727 posts

Display flex, 20% width each?
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
3,700 posts
Online Now

Byron Tipping wrote:
I need to place 5 columns in a row(now a container). Any suggestions?

Thanks

Byron


hi
Sorry Inger I think It needs a bit more explanation for Byron as he isn't up to speed with flexing, I am trying to put together an article with video for him and have been for a year now, but it is turning into a massive project what with all the options and possibilities.

Byron
A video demo is on it's way just for what you need at this moment will send you the link when its ready

you could of course in the meantime add a frameworks row with 4 columns and then duplicate one of the columns -----then give each column a 20% width at the breakpoint you wish those columns to appear as a row

That way the whole thing will work smoothly from mobile (columns stacked) up to as wide as you want columns in a row) without the need for flexing


The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 458539 Photo


Registered User
1,485 posts

Interesting - First I apologize this is in site designer.

Wayan - from another one of your videos I copied what you did and it seems to be working. I cheated I put 7 containers in the wrapper and made the outside containers small 12 then large-1 one at full size and flex for the row and adjusted the width. Sounds involved but it works.

Thanks guys - looking forward to the vid when its ready.

Byron
User 2699991 Photo


Registered User
3,700 posts
Online Now

Byron Tipping wrote:
Interesting - First I apologize this is in site designer.

Wayan - from another one of your videos I copied what you did and it seems to be working. I cheated I put 7 containers in the wrapper and made the outside containers small 12 then large-1 one at full size and flex for the row and adjusted the width. Sounds involved but it works.

Thanks guys - looking forward to the vid when its ready.

Byron

Hi Byron
Well that sounds great, in Yorkshire speak it's not cheating it's called using your noggin which means using your head to solve a problem, it might not be the conventional way of doing it but if it works then that's great.
I'm proud of you my friend
Take care as always
Wayan

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 458539 Photo


Registered User
1,485 posts

Thanks Wayan - couldn't have done it without your video of months ago!

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.