Forest are working on a next charts.
I don't want to cover how we can make the charts responsive, because even though at the moment everything
works as we expect it is because I already add a D yesses.
First, let's navigate back to a repost and worry.
You have the wrapper.
Now, I mean, this is up to you.
But in order to showcase Hahm setting up the responsiveness, I'm going to come on this out.
Now, again, you can just leave it and you can just sit back and relax and watch how the responsiveness
takes place.
But if you would want to see that in action, then of course, our just encourage you to comment about
the dev, the fusion chart container and the Asaji.
And then you'll see how that happens.
So at the moment, if you're looking at the example chart or the pie 3D, we have the width.
Correct.
And the width is 400.
And even though it works kind of okay.
What's going to happen in a bigger screens?
Of course, it is not going to be responsive.
So if you're just going to be stacking three shots together, you might have some distances in here.
And if you already have some kind of grid layout, well, that is probably not the best look that you're
shooting for.
So how we can make these charts are.
So here goes first.
As far as the width, of course.
We're not going to use absolute value.
We are going to use a relative one.
So in this case, what I'm looking for is hundred percent.
So I'm going to go with eight percent.
I'll say at the moment we do that.
Of course, this is just going to be giant because now it's going to be checking.
Well, what is the width of the screen?
And that's why I'm just going to make it giant all the time.
OK.
Even though it looks somewhat better, because now we're, of course, are responsive.
That's not the look that we're shooting for.
So now we wouldn't want to be more specific where we use CSX and we make sure that the chart is always
going to be responsive.
As far as the parent container and the way I did that, if you check out the repos I was targeting,
first the dev, then the fusion chart container and then the S.A.G..
And for all of them, I was just using higher percent than I was making sure that I always, always
override that because, of course, everything is set up there to be an inline.
Now, let me showcase that.
So if we go with inspect and learn, if we take a look at the chart, we'll first see the d'Hiv.
So we have the section center.
This is where I'm setting up right now.
Of course, my column layout and all the.
But then I have the div.
And then within a day of I have the span with a class a fusion chart container.
And then within that container I have the SPG.
So essentially what I did is I targeted all three of them and just make sure that they are 100 percent.
That's the reason why here in the wrapper you'll find this code.
So now, of course, the moment I uncommented, you'll see how my chart is responsive for my grid.
Because if you take a look here for the men with off twelve hundred pixels, I have a Tulkarm layout.
Our second one is going to be bigger.
So the first column is going to be two fractions.
And the second one is going to be three fractions.
Or just remember that it's not just setting up the hundred percent in the chart.
If you'd want it to be responsive to a parent, you might need to do a little bit of work.
And also Fortius Riggi.
I just added this board radius.
So it matches to everything that I have.
And just to showcase that, I have a column layout.
If we're gonna go here, we have a div and then for example, on Common D example chart.
And then another div, you'll see that the first column is going to have a tone with numbers.
I have the second one, which is going to be for my bar chart.
So that's just something to keep in mind, that if you want to set them responsive, not only you need
to change those values in the chart, but also you need to target the C.
And we're targeting the parent, Dave, than the class.
So the span as well as the SPG.
And in my case, since I didn't want to run into some Escher's, I just use the import flag, even though
I'm fully aware that that is not the best case scenario for to see assess.
You probably shouldn't use for your regular shifts is important.
I'm fully aware of that.
But then sometimes if you have a third party, I don't want to deal with their in lines, he assesses.
So I just make sure that we use the important flag.
So that should do it for responsiveness.
I think.
Next, we're going to work on our donor chart.