akf-forum/public/css/users.css

48 lines
646 B
CSS
Raw Normal View History

2022-08-26 16:27:29 +03:00
.users {
width: 100%;
padding: 20px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 10px;
}
.user-box {
width: 100%;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
2022-08-31 18:11:54 +03:00
box-shadow: 0 0 5px 0 var(--box-shadow);
2022-08-27 14:08:28 +03:00
max-width:500px;
2022-08-26 16:27:29 +03:00
}
.user-box-title {
padding: 10px;
margin: 8px;
font-weight: 500;
2022-08-31 19:16:43 +03:00
2022-08-26 16:27:29 +03:00
}
2022-08-31 19:16:43 +03:00
.user-box-title>a{
color: var(--reaction-hover);
2022-08-26 16:27:29 +03:00
2022-08-31 19:16:43 +03:00
}
2022-08-26 16:27:29 +03:00
.user-box-title>span {
2022-08-31 18:14:21 +03:00
color: var(--important);
2022-08-26 16:27:29 +03:00
}
.user-box-img {
width: 80px;
height: 80px;
2022-08-27 14:08:28 +03:00
margin: auto;
2022-08-26 16:27:29 +03:00
}
@media (max-width: 992px) {
.users {
display: block;
}
.user-box {
margin-bottom: 10px;
}
}