Support Center Visit Demo License manager Buy @ envato

Wrap Alignment

srinivasandsrinivasand
in BeBuilder

Hi,

https://dev.crayondata.ai/?page_id=238

can I have masonry blog type layout for normal wrap elements, so that the gap between the elements stays constant across all screen sizes like below

image.png

this is what I could achieve by making 5 wraps in that section next to each other

image.png

Is there any other alternative method to achieve the expected design

Comments

  • PhilPhil

    Hi,

    You can add a negative margin to the wrap on the left. See the following screenshots for a better understanding:

    image.png
    image.png

    Remember that lower resolutions inherit value from device above, so you must adjust it for laptop, tablet and mobile view.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • srinivasandsrinivasand

    Thanks for the reply, but the height and width of the box changes according to the content inside it...when minimizing the width the height increases to accommodate the text. i can set negative margin at 1440, 968 , but since the wrap height changes the negative margin wont work in the in between screen range

  • PhilPhil

    The other workaround you can do is to use two wraps next to each other and inner wraps inside of them.

    image.png

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.