Css як зробити блок квадратним

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

По порядку:

  1. створюємо блок, який хочемо зробити квадратним
  2. поміщаємо всередину елемент ( :after )
  3. робимо елемент блоковим
  4. задаємо елементу padding-top: 100%

Збережена копія

Як змінити розмір блоку CSS?

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

  1. width – ширина блоку
  2. height – висота блоку