Let's move then to our style success.
Let's insert our love and Sobolev containers to begin.
Container underscore, live and container underscore Sublette.
In container live fancy that, lets insert our display flex.
Clearly, in this case, the just one container which has inside additional device connected to other
containers or better some containers, so inside Sobolev, there's no need to insert display Fleck's
again.
Let's set our classical flex wrap as the baize property to trigger the wrap when the page gets represented
with inferior to the minimum standard required dimensions for a Bairo representation.
After that, let's send to the content through justified content and let's insert also a line items.
By selecting this time Flagstad so that the content may start from the top and may get always represented
on the top even is one of the sublevels.
So one of the sub containers should have content happening to be higher than the others.
Let's close with a 20 percent margin bottom like we have been doing for all the other selectors in containers
sublevels.
Let's represent in this case, Fleck's Direction column.
This is because we want the content.
Every single day inside Sobolev to get vertically represented.
In this case as well, let's specify the content should be centered.
And let's insert a 10 picture margin bottom.
In addition to and again, 10 piece of padding to make all content they touch correctly.
Let's represent then the item level property.
With a left aligned text at.
A 10 pics of padding.
A text, a mention of, for example, 16 pixels and one bold font weight, so seven hundred, let's
now define the progress bar.
So the levels to do this, we have to create some properties in sight, which.
To define height, weight and background color.
Let's start then with height, giving 15 pixels as a value width with three hundred pixels.
And the background color.
Featuring a light gray, therefore, let's insert gray and let's modify.
It by selecting an inferior shade.
And we also have to insert the background color within container, because given the fact the main container
is not present anymore here as well, we have to choose white as background.
Now, getting back to level.
In addition to define these features, let's insert a border radius.
Ten pizzas, so that.
Our Dave sides may appear rounded.
Let's step now to level zero one.
In this case, we have to define the same height to the base has 15 pixels.
Representing, though, an 80 percent width.
So that comparing to the three hundred percent total, our skills may be lifted up to 80 percent.
So when you have to create a resumé with these programs first, you have to define different levels.
So zero two zero three, et cetera, with different percentages according to your skills.
You may also change the background color, which in here let's define in always adhering to an Exalogic,
tending to yellow.
So let's choose a shade like this.
And here as well, let's complete with a 10 pixel border radius use of.
After that, let's turn to our SEC or to starting from the base, we already have more refined, though,
the initial margin, which will not be eight, but thirty eight pixels.
So that one sincerity, certain support to the division in between the first and the second section
should look more clear-cut.
Let's end our stylesheet with level X.
In this case, defining a 14 pixel font size.
If 300 pixel weights and a background color directly from level so that anyway, a certain logic may
be obvious in the colourings choice as well, let's close with border radius 10 or also in this case
and a 20 foot PADI.
OK, then, after saving and refreshing, let's verify our contents to be correctly inserted, as you
see in Resumé now we have all our contents which haven't been inserted with the general Blackstrap,
but they have fought by shrinking.
They will appear one below the other and by stretching the will appear perfectly centered one beside
the other with a line item in Flagstad, which does not send to singularly design coding and education.
So we have correctly completed also the resumé page and we can now deal with the UNTUK page.