Как уменьшить размер блока в css

В большинстве случаев размер блока формируется исходя из размера контента внутри него. Иногда такое поведение не нужно и мы хотим зафиксировать определённые значения. Для этого в CSS можно использовать свойства:

• width — ширина блока
• height — высота блока

В качестве значения принимаются числовые значения и единица измерения. Например,

.block {
  width: 300px;
  height: 300px;
}

Теперь элемент с классом block будет иметь ширину и высоту по 300 пикселей