.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 */
}