How do I know when I'm FlexBoxing?

User 2488786 Photo


Registered User
190 posts
Online Now

I'm running the Beta, just not sure how, why or when I'm using or should use the FlexBox.
I have been working with The Coast theme and learning how to do some coding, push enough buttons and something will happen.
So somewhere I got the centering of the paragraphs off and will be starting over and just wanted to see if I need to experiment or learning something new, hoping to get the website up and running in the next few weeks.
Having a blast and really appreciate all the help and advice I get from this forum.
Thanks,
Rick
An expert at using the wrong tool the right way.
User 271657 Photo


Ambassador
3,816 posts

This will get you familiar with Flexbox and how it works:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Responsive design without Flexbox is like a 6-lane highway without the lanes marked. :lol: You do what ever you can to survive...float left, float right, resort to out-dated <center> tags and table stuff, fall behind less relevant content when you really want to be in front...

Just one example of what's possible; On a full-screen you have a headline over a photo to the left, and your main offer/call to action and button on the right. On a mobile screen, your CTA/button comes after the photo, so one would need to scroll to see it. With Flexbox, you can change the order, so the CTA/button would be the first item at the top of the mobile screen, while the wide-screen layout would remain the same.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2488786 Photo


Registered User
190 posts
Online Now

Thanks I'll check it out and see what kind of trouble I can get in to. :lol:
An expert at using the wrong tool the right way.
User 232214 Photo


COO
827 posts

When the display property of the container you're working in is set Flex, you are Flexboxing :P

Our Flexbox guide with practical design examples is located here: http://bob.coffeecup.com/ (for now).

It is also included in the beta you are working with right now. If you open it in RSD you can actually tweak the examples, get your hands dirty and learn by doing.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.

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.