-
Notifications
You must be signed in to change notification settings - Fork 1.3k
Description
Even when I copy and paste the example html and css code, the divs all appear stacked on top of one another instead of side by side, any ideas why?
`p {
font-family: Arial;
margin-top: 0;
margin-bottom: 0;
}
.profile-preview {
width: 200px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
display: inline-block;
margin-right: 15px;
}
.profile-picture {
width: 200px;
height: 200px;
object-fit: cover;
margin-bottom: 12px;
}
.name {
font-size: 18px;
font-weight: bold;
margin-left: 8px;
margin-bottom: 4px;
}
.mutual-friends {
font-weight: 500;
color: rgb(100, 100, 100);
margin-left: 8px;
margin-bottom: 12px;
}
.add-friend-button {
background-color: rgb(24, 119, 242);
color: white;
font-size: 16px;
margin-left: 8px;
margin-bottom: 10px;
padding: 10px 20px;
border: none;
border-radius: 4px;
}
`


