TamasTheTraveller Posted March 11 Share Posted March 11 (edited) Hi, I am working on my website and I run into an issue with the simple list and the margin between items. I managed to get the content right, but I would like to get rid off the extra margin between the list items. The idea is to create a bento grid with the same margin between the different items. Does somebody have an idea how to get rid off the extra margin? Edited March 11 by TamasTheTraveller Spelling mistake Link to comment
sorca_marian Posted March 12 Share Posted March 12 Hi, The effect you are trying to achieve is called "masonry" and CSS for this is in developmentย https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout There are plugins to achieve this effect with JavaScriptย https://masonry.desandro.com/ ย ๐จโ๐ง๐จโ๐ปย Squarespace plugins ๐โโ๏ธย Squarespace Custom Web Development & Design Services ๐ ย Todoist alternative | Increase your Productivityย ๐นย Squarespace Tutorials for free - YouTube๐นย ๐ฏ๐ I have worked on over 300 Squarespace sites with custom code for over 9 years ๐โโ๏ธย Let's connect on LinkedIn ย Link to comment
TamasTheTraveller Posted March 18 Author Share Posted March 18 Hi sorca_marian, sorry for the late reply and thanks a lot to help out so quickly. I will try it and I hope it fixes my issue. Cheers ย sorca_marian 1 Link to comment
TamasTheTraveller Posted March 19 Author Share Posted March 19 Hi sorca_marian, so I tried the Grid Masonry, but it doesnยดt work with the List-Items I used. Do you maybe have another idea? Thanks a lot and cheers Link to comment
sorca_marian Posted March 20 Share Posted March 20 You will need to create new HTML programmatically based on your items to follow the plugin requirements ย ๐จโ๐ง๐จโ๐ปย Squarespace plugins ๐โโ๏ธย Squarespace Custom Web Development & Design Services ๐ ย Todoist alternative | Increase your Productivityย ๐นย Squarespace Tutorials for free - YouTube๐นย ๐ฏ๐ I have worked on over 300 Squarespace sites with custom code for over 9 years ๐โโ๏ธย Let's connect on LinkedIn ย Link to comment
TamasTheTraveller Posted March 27 Author Share Posted March 27 Hi sorca_marian, thanks a lot and I will try this weekend. Cheers sorca_marian 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment