Working great, however one suggestion. Since we all have different size screens, it would be better if user could change how many cams are showing in row. With CSS it's easy: #room_list { position: relative; display: grid; grid-gap: 15px; /*grid-template-columns: repeat(auto-fill,minmax(480px,max-content));*/ grid-template-columns: repeat( 4, 1fr ); padding-right: 2px; } #room_list .room_list_room { margin: 0; max-height: none; max-width: 100%; width: 100%; } Maybe change this logic so user can choose for example 3-4-5-6-...
Working great, however one suggestion. Since we all have different size screens, it would be better if user could change how many cams are showing in row. With CSS it's easy:
#room_list {
position: relative;
display: grid;
grid-gap: 15px;
/*grid-template-columns: repeat(auto-fill,minmax(480px,max-content));*/
grid-template-columns: repeat( 4, 1fr );
padding-right: 2px;
}
#room_list .room_list_room {
margin: 0;
max-height: none;
max-width: 100%;
width: 100%;
}
Maybe change this logic so user can choose for example 3-4-5-6-...