Grid element versus Columns + Rows Part 2

[designerwriter]

friech let this be Part 2 of this thread. I just have one more question. I will repaste the last message you sent me below.

Regarding your comment: I think 1fr 1fr is the best for this screen size, you just need to adjust your first image to span on the other half column.

How/where do I adjust the the first image to span on the other half column for the MD view?

Hi Grace,

You can bookmark this thread so you can always get back here. But please write a new thread if you have follow-up questions, as this one is getting longer and hard to follow.

@designerwriter

I understand that the set up in the other views will be different but I was surprised to see the squares in these views.

Please notice the Grid Layout’s Columns Template for each of the screens. On the XL and LG the Columns Template is 1fr 1fr 1fr that is equivalent to three 1/3 columns.

But in MD the Columns template is 1fr 1fr that is equivalent to 1/2 + 1/2 columns.

I think 1fr 1fr is the best for this screen size, you just need to adjust your first image to span on the other half column.

Let the Columns Layout be 1fr on SM and XS that that is the best layout for that size.

@designerwriter

Regarding adjusting zoom settings in Crome browser, what if no one else knows to adjust the zoom settings?

Like clearing cache, that is only a troubleshooting suggestion, as you said you’re seeing a different layout on the page builder and on the frontend. That is not going to cause any issue to the user.

Thanks,

[friech]

Hi Grace,

Good question, please see the following screencast

2021 08 03 17h38 11

In that example, I did not use the X and Y Axis Alignment to input the placement of the cell manually, instead I use what we call Cell Layout Editor, you can see that I’m able to span the first cell quicky.

More details about that here.

Cheers,

[designerwriter]

Ah ok. I used that edit mode feature for one of the other views. Thanks! That’s a pretty simple solution. Finally, some simple answers! lol I will upload the rest of the photos and then show you the result just in case there is anything else that needs tweaking.

[tristup]

Hi Grace,

Glad that we are able to help you with this. Please let us know if you find any difficulties further.

Thnks

[designerwriter]

For the record, I did not know that I could edit in view mode while in edit mode. Thanks! At least I am learning a lot about Pro theme.

[friech]

Hi Grace,

Glad to hear that, looking forward to seeing the completion of your project.

Have a nice day.

[designerwriter]

Thank you friech for all of your help!

[prakash_s]

You are most welcome Grace.