Html 如何使div的位置固定，使其不'；调整大小时，是否不打开？

我正在为Tic Tac Toe游戏做一个布局，因此我希望在调整屏幕大小时，方块始终保持在相同的位置

我正在使用引导4和SCSS

1） 我怎样才能使它们固定在同一位置，无论发生什么情况 屏幕大小是多少

2） 如果屏幕尺寸变小，如何调整大小 游戏包装分区内的所有项目取决于屏幕大小

代码笔链接：

HTML:

.block{
背景颜色：浅蓝色；
宽度：100px；
高度：100px；
边框：2件纯黑；
位置：相对位置；
&：悬停{
背景：红色；
}
}

您应该使用：使用MediaQuery的像素大小和相对大小

当您在小屏幕中时，您将使用像素作为固定位置和相对大小