top of page

Building Bento Box UI - Workshop

Hello Everyone,


Let's look at how easily you can build a Bento Grid with Wix Studio! This blog post is a recreation of a discord post from the Merge community. I thought it would be best to share it with the community here on the website as it would be more structured.


  1. Go to Wix Studio and select a blank canvas to begin with.

    Create a new blank canvas on Wix Studio

  2. Go to "Add Elements" -> Layout Tools -> Section Grids and then select a grid you like.

    Add Section Grid.

  3. Make the layout changes to be to your liking.

    Changes to the section grid

  4. Add heading to the Grid if you like


    Add a heading to the bento grid.

  5. Now, we can finally add content to the Grids! Feel free to add whatever you want. I am keeping it simple and adding some images.



  6. Now you can make the adjustments and add more images. Once you have added the required images, click Preview!

    Bento Grid UI Preview


That's it! You can now add a bento grid to your Wix Studio website!


The photos for the bento grid are from the following creators on Unsplash:



 
 
 

Comments

bottom of page