How to create columns in the legend of the map?

To create columns in the map legend, you have the flexibility to apply custom CSS. If you have multiple legend keys and would like to arrange them in columns, you can achieve this by using the following CSS code:

<style> #map_legend ul{          	

display: grid !important;          	

grid-template-columns: repeat(2, 1fr) !important; /* Create two equal columns */       

</style>

By incorporating this CSS code into your map customization, the legend section will be divided into two equal columns, providing a visually appealing layout.

If you have any additional questions or require further clarification, please don't hesitate to reach out to our dedicated customer support team. You can contact us by emailing support@simplemaps.com. Our team is available to assist you and provide the necessary information you need.