Now when the image3 will be hidden, there is empty space available as shown below (yellow highlighted):
I want rest of the 2 pictures to strech in this space, how can i do this.
Question 3: After the images are shrinked due to reduction is page width, how can i keep the images in the center of the repeating group cell vertically…???
If you expand the text element in the editor to show those texts, then it will display the same way in the editor as it does in preview mode. Also, I would put the image on the left side to be inside the main repeating group (instead of in its own repeating group).
For Question 2, I would increase the minimum width of the images to around 80. When I preview the app, the two images do become slightly larger when the third image is hidden. However, it will be more noticeable if you increase the picture’s minimum width (you may have to adjust when the third image is hidden as a result)
Question 3: Place those images in their own group, and then set the responsive settings to have middle alignment, and set the images to have middle alignment. Then set the minimum width for the group to be the same percentage that the images are with no max width. This should help for mobile.