I’m sure the answer is obvious but has so far eluded my simple brain:
If I have three blocks/divs A, B, C
and I want them
AB
AC
(A would be the entire left side and B, C would be on the right, as in a 2-col layout)
on desktop (A=picture, B=name/country of origin of person in pic, C= quote by person), how do I have them display as
A
B
C
on mobile.
Thanks for helping me get out of this puzzle.
Hi,
Welcome to the forum!
You can achieve that easily with a basic CSS grid:
{"content":[{"id":"ktuoms","name":"section","parent":0,"children":["iuxzlm"],"settings":{"_padding":{"top":"48","right":"16","bottom":"48","left":"16"}}},{"id":"iuxzlm","name":"container","parent":"ktuoms","children":["rkochs"],"settings":{}},{"id":"rkochs","name":"block","parent":"iuxzlm","children":["nhzdzh","tuzmab","sptmpv"],"settings":{"_display":"grid","_gridGap":"24","_gridTemplateColumns":"minmax(0, 40rem) minmax(0, 1fr)","_gridTemplateColumns:mobile_landscape":"auto"}},{"id":"nhzdzh","name":"block","parent":"rkochs","children":["ohttrc"],"settings":{"_background":{"color":{"hex":"#ffeb3b","id":"c7c2e9","name":"Color #7"}},"_gridItemRowSpan":"span 2","_gridItemRowSpan:mobile_landscape":"auto"},"label":"Block A"},{"id":"ohttrc","name":"text-basic","parent":"nhzdzh","children":[],"settings":{"text":"Block A"}},{"id":"tuzmab","name":"block","parent":"rkochs","children":["ixkqgc"],"settings":{"_background":{"color":{"hex":"#ff9800","id":"0bcee6","name":"Color #9"}}},"label":"Block B"},{"id":"ixkqgc","name":"text-basic","parent":"tuzmab","children":[],"settings":{"text":"Block B"}},{"id":"sptmpv","name":"block","parent":"rkochs","children":["gwylnk"],"settings":{"_background":{"color":{"hex":"#f44336","id":"d5f033","name":"Color #11"}}},"label":"Block C"},{"id":"gwylnk","name":"text-basic","parent":"sptmpv","children":[],"settings":{"text":"Block C"}}],"source":"bricksCopiedElements","sourceUrl":"https://brxdev.local","version":"1.12.3","globalClasses":[],"globalElements":[]}
Best regards,
timmse
Hi
Thank you very much. I partly see how this works. I say partly because I unfortunately I stated my desired outcome incorrectly.
I want the mobile order to be
B
A
C
Would I do that through display order? Or??
Thank you very much!
-f
