Привет, как сделать, чтобы квадрат был не на всю ширину ?
ну если "не на всю", тогда задайте ему display: inline-block; / display: inline-flex;
По-умолчанию у него display: block; который растягивается на 100%;
Если нужен display: block; тогда задайте ему нужную ширину через:
width: ваше значение;