.social-widgets { display: flex; justify-content: space-between; /* Adjusts space between columns */ flex-wrap: wrap; /* Allows wrapping to new lines if necessary */ } .social-widget { flex: 0 1 48%; /* Adjusts the width; 48% allows for two columns with some space */ box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optional: adds a shadow for visual effect */ margin: 10px; /* Adds margin around the widgets */ padding: 15px; /* Adds padding within each widget */ border-radius: 5px; /* Rounds the corners */ }