ernestdefoe
We can use the following method to restrict the display to desktop only.
You indeed have many tags. Given the current layout, I have temporarily set the height to 600px. You can try adjusting it.
@media (min-width: 768px) {
.TagItem {
height: 600px !important;
}
.TagItem-infoContainer .TagItem-info {
max-height: unset !important;
}
}
Regarding mobile devices, the effect may not be good, as accommodating so many tags will make the layout too long. If you want to try it, you can place the same code within the following section:
@media (max-width: 767.98px) {
}
However, given your display requirements, using height: auto and adjusting the width might be more reasonable. I think we are getting off-topic. Maybe you can ask about CSS in a new thread.