Try setting each of the three .Collection List Wrapper width to Auto instead of 50%. and then make the .Donation Options display to grid and make it three columns and one row and let me know if that solves the issue.
It seems like you’re working with some HTML and CSS code for web development, and you want to adjust the layout of a collection of elements. To achieve your requested changes, you can modify your CSS like this:
In the above code, we’ve set the width property of .CollectionListWrapper to auto, which means it will automatically adjust its width based on the content it contains. We’ve also updated the .DonationOptions class to use CSS Grid with three columns and one row. This should create the desired layout for your elements.
Make sure to adjust your HTML structure and class names to match your specific code, and include this CSS in your stylesheet to apply the changes.