Best users,
Inger: I have add an new container but the result is very strange.
The new questions:
In attached the images that show the layouts in desktop and mobile screens because that are are the layouts that I want.
I have not yet succeeded here. In my first try what I use flex-containers and/or flex-grids.
Problem #01
My question is do I turn the heading "Education" into a flex container or put it directly into a CSS Grid because that is not clear to me.
I try the following: I make a flex container for the heading "Education".
Then I make a flexgrid of 1 columns in mobile view and then 2 columns in desktop view.
When I switch screens I get a layout display that is no longer readable.
My question is how can I design it so that I have the right display on all screens without having to make too many adjustments.
How can I design with flex containers only because you are dealing with a table?
I tought Flexgrid in mobile screen 1 columns and Flexgrid in desktop screen 2 columns.
For the header "Opleiding" an flex container for 1 column
Problem #02
The layout of "Skills" contains 4 columns in the desktop view and 2 columns in the mobile view.
My question is do I turn the header "Skills" into a flex container or put it directly in a CSS Grid because that is not clear to me.
I try the following: I make a flex container for the “Skills” heading.
Then I make a flexgrid of 2 columns in mobile view and then 4 columns in desktop view.
When I switch screens I get a layout display that is no longer readable.
My question is how can I design it so that I have the right display on all screens without having to make too many adjustments.
How can I design with flex containers only because you are dealing with a table?
I want to use the Site Designer v3.5 for applying the latest flexbox and flexgrid technology.
Problem #03
I make a flex container with the class name “star container”. I add 5 font icon elements and make sure that the stars in one row are horizontal.
The first container I describe the name of the skill eg: "css (3): and in the other container I want to place that container with the stars on the same line next to the name of the skill as in attachment. I would like to achieve something like that, but it goes completely wrong there. What is the solution here to align it as perfectly as it is shown in the attachments (image files in zip)
It is never intended that someone makes my projects if she wants to design them himself, but at least helps you on your way to tell you in steps how you come to a solution.
Here the new version where it goes completely in the wrong direction with the alignment of the star containers and what I have to use from the "Skills" and "Training" headings for a flex container or to process these headlines in my cssgrid as a container?
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