Работа с позиционированием. Абсолютное и относительное
Уровень: Начинающий
Задача по HTML и CSS: работа с абсолютным и относительным позиционированием в CSS.
Скачайте файлы задания и создайте композицию, которую вы видите на изображении, используя относительное и абсолютное позиционирование, а так же z-index. После выполнения сравните с результатом.
- Размер композиции 600x400
- Фон композиции вставьте через CSS
- Каждый элемент композиции - это картинка (img), которую нужно расположить в нужную позицию относительно композиции. Используйте классы и стилизуйте их
- Попробуйте подобрать примерно похожие значения позиций элементов
Результат
See the Pen Работа с позиционированием. Часть 1 by Dmitry Valak (@dmitryvalak) on CodePen.
Если хотите поделиться своим решением, используйте сайты типа codepen.io и оставляйте ссылку в комментарии
Обсуждение (9)
Войдите или зарегистрируйтесь для того чтобы оставлять комментарии
получил опыт git hub)