Lauren A.

Cesar It's framework agnostic so you can use it will Client-First, Lumos, Mast, Saddle, etc!

Select the list element and increase the left padding.

Susan M. You could try using :nth-child() to target the image inside of every x number of items to style them however you see fit. This snippet

<style>
.portfolio12_item:nth-child(2n) .portfolio12_image1 {
  aspect-ratio: 1 / 1;
}
</style>

Creates this layout (see image) in a collection list. In this instance using 2n creates a fairly grid like layout because all the content is the same, but using 5n or anything else still looks like a masonry layout.

Hey Sam B., Matt J., and Susan M.! Just wanted to add that the social media icons that y'all discuss above would be approached differently than the icons for Susan's use case because there are different accessibility considerations depending on how images are used in context. If you have social media icons that link to social accounts then these would be considered "functional images" because they are there to initiate an action, not to convey information. When you have a social icon with no alt text nested inside of a link block usually you will get the Webflow error "Non-descriptive link content". To correct this you can add aria-label="Facebook" to the link block. This will correct the audit error and give screen reader users the context they need. Here's a video of what it sounds like: https://www.loom.com/share/ea09ef7fe8984baf839844c6e084fb53?sid=0c53bdf3-565e-4359-910d-dd66fd204dc6

If every page of the site needs to be black then you could just set the body background to black