Як створити адаптивний блок CSS?
Основним рішенням на даний момент є використання flex.
- Створити батьківську блок і встановити display: flex.
- Для фіксованого блоку встановити властивість display: block і ширину width: 10rem.
- Для адаптивного блоку задати властивість flex: 1, що змушує блок займати весь доступний простір
Як зробити круглий елемент у CSS?
Для заокруглення куточків у елементів CSS3 призначено властивість border-radius, значенням якого виступає радіус закруглення. Якщо взяти квадратне зображення і додати до нього цю властивість, ми отримаємо вже не квадратне, а кругле зображення. Як значення слід задати половину ширини малюнка.