Hi!
I have an issue with my grid layout. I setted up a simple grid layout with 5 columns and 4 rows :
The red image is a background, and the grid is on top of it.
The issue I have is, if I add an image in the grid panel (just drag and drop a blank image ) and set the column span and row span to 1 , then compile and save, it seems to take too much space :
As you can see, it seems to take half of the width and half of the height. I don’t know where I’m wrong, but I expect the image to take 1/5 of the width and 1/4 of the height, because my grid panel has 5 columns and 4 rows.
The weird thing is, if I move my image to the first column, now it is in the middle and it takes 1/3 of the width. And the columns span stays the same :
And if I move my image many time up, down, left and right, I come to a point where my image has the dimension I expect, 1/5 of the width and 1/4 of the height :
But If I compile, it comes back to the first picture.
I want my image to always have the following dimension :
- width = (1/number of columns) * width of the panel
- height = (1/number of rows) * height of the panel
Like in this picture :
Do you know how do I do that? I feel like I misunderstand something about grid layout, but I don’t know what.