Как сделать эту страницу адаптивной для очень больших экранов с помощью CSS попутного ветра? ⇐ CSS

[Anonymous]

Я начинаю заниматься веб-разработкой интерфейса с помощью Next.js и Tailwind. Прямо сейчас я пытаюсь создать страницу статистики, чтобы отображать деньги, выигранные в играх. Моя страница достаточно адаптивна для экранов мобильных устройств и Macbook.


Однако на очень больших экранах, таких как монитор, мой дизайн действительно испорчен. Добавлю скриншот. Я возился с тегами md: и flexbox, пытаясь сделать его веб-адаптивным, но, похоже, у меня ничего не получилось. Было бы здорово получить любую помощь/отзывы!
Вот мой код:

Код: Выделить всё

Past Games











01/20/2024




+$1000










01/20/2024




+$1000










01/20/2024




-$1000












Betting Stats












Average Bet Amount



▲ 20%


Last Week



$2000




Average Profit



{" "}
▼ 30%


This week



$500
















Game Graphs















Ratio












Win Ratio



{" "}
▲ 20%{" "}


Wins last Week



100/80




Average Profit



{" "}
▼ 30%


Wins last Week



$500

У меня возникли проблемы с адаптивностью всех карточек к Интернету. Я могу сделать содержимое карточек адаптивным, но мне не хватает структуры.

Подробнее здесь: https://stackoverflow.com/questions/783 ... ailwind-cs