Изменение размера строки CSS-сетки при изменении размеров окна

Question

Я разработал простой адаптивный сайт только для этого.

Сайт доступен здесь: https://evilernie44.github.io/tofugall/

Проблема, с которой я сталкиваюсь, связана с тем, что строки сетки CSS автоматически увеличиваются в размерах при уменьшении ширины окна. Поэтому, хотя на мобильных и настольных компьютерах сайт выглядит нормально, на планшете он выглядит ужасно.

Может ли кто-нибудь предложить хороший способ исправить это или хотя бы способ избежать такого поведения в будущем?

Надеюсь, это достаточно конкретно, так как я не уверен, с чего начать с этой проблемой.

Answer 1

веб-сайт выглядит хорошо, но попробуйте правильно реализовать CSS, потому что при изменении размера окна свойство css изменяется, как определено, например: margin: 10% будет различным на мобильном устройстве, на вкладке и на экране компьютера.

При использовании начальной загрузки старайтесь использовать классы row и col с умом.