Як змінити розмір елемента в CSS?

Для цього в CSS можна використовувати властивості: width – ширина блоку height – висота блоку

Для зміни алгоритму підрахунку ширини та висоти блоку застосовується властивість box-sizing зі значенням border-box. Після додавання цієї властивості до блоку значення width включає padding і border (але не margin). Таким чином, властивість width буде ставити ширину всього блоку, а чи не вмісту як раніше.

Розміри елементів задаються за допомогою властивостей width (ширина) та height (висота). Значення за умовчанням цих властивостей – auto , тобто браузер сам визначає ширину і висоту елемента.