Как поменять размер картинки в CSS

Чтобы изменить размер картинки в CSS, можно использовать свойство width и/или height. Например:

img {
  width: 200px; /* установить ширину картинки в 200 пикселей */
  height: auto; /* автоматически вычислить высоту, чтобы сохранить пропорции */
}

Также можно использовать относительные единицы измерения, например проценты:

img {
  width: 50%; /* установить ширину картинки в 50% от ширины родительского элемента */
  height: auto; /* автоматически вычислить высоту, чтобы сохранить пропорции */
}

Или можно задать размеры только по одной оси, например только ширину:

img {
  width: 100%; /* установить ширину картинки в 100% от ширины родительского элемента */
}