Howto Flex Box and Flex Position -...

User 131545 Photo


Registered User
687 posts

Hi all,

I know there is an course of this but I want see visual what the differences of the Flex Box (container) and if the position is set to flex?
When do you use this, in witch application of an website?

Kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 2699991 Photo


Registered User
4,799 posts

STEFKE wrote:
Hi all,

I know there is an course of this but I want see visual what the differences of the Flex Box (container) and if the position is set to flex?
When do you use this, in witch application of an website?

Kind regards
Stephane



U gebruikt de flex optie wanneer u de elementen binnen de container / column willen ofwel in een rij of in een kolom (gestapelde), het is ook goed voor het houden van elementen gecentreerd of aan het begin / einde van de container / kolom.

Je weet Stefke de beste manier om te leren is om het te doen. Open een nieuw project en hebben een gaan, zet iets in een container, en buig het ,,, probeer het oput en zie voor jezelf wat het doet en hoe het in een situatie kan worden toegepast dat misschien gewoon dicht goed voor je zijn, dan het project zonder op te slaan (of op te slaan als je wilt) Als je een fout maakt leren van de fout en probeer het opnieuw, het is niet moeilijk en als het alleen voor het leren dan bent u niet bezorgd over spoinling een echt project.

Probeer het Stefke, leren een aantal van de danspasjes door uzelf.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 122279 Photo


Senior Advisor
14,450 posts

https://css-tricks.com/snippets/css/a-guide-to-flexbox/
http://www.w3schools.com/css/css3_flexbox.asp
http://flexbox.io/
Just for starters...
The third one down is a video course, but the guy speaks very fast. But at least you will see the code and the effects of it.
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.