Steps to reproduce the issue

Sign in to Joomla 4 Beta 1 for Testing control panel.

Select NEW Module.

Expected result

Module type options displayed in 4 columns.

Atum CSS =

.new-modules .card-columns {
grid-template-columns: 1fr 1fr 1fr 1fr;
}

Actual result

4 columns on large screen device
but also on small screen device (phones & tablets)

System information (as much as possible)

Request change CSS for example to:

@media (min-width: 769px),
only screen and (device-width: 768px) and (orientation : landscape) {
.new-modules .card-columns {
grid-template-columns: 1fr 1fr 1fr;
}
}

@media (min-width: 576px) and (max-width: 767.98px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.new-modules .card-columns {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 575.98px) {
.new-modules .card-columns {
grid-template-columns: 1fr;
}
}

or similar.

Additional comments

Result will be more usable interface on phones and tablets (portrait & landscape view) and large screen devices