Task 3

2025-10-12 00:44:35 +03:00
parent 5b4ad7a829
commit 8ca6e3f349
1 changed files with 48 additions and 0 deletions
--- a/task-3.html
+++ b/task-3.html
@@ -0,0 +1,48 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Практична робота №2. Завдання №3</title>
    <style>
        .container > div {
            position: absolute;
            width: 300px;
            height: 300px;
        }
        .container > :nth-child(1) {
            top: 0;
            left: 0;
            background-color: mediumturquoise;
        }
        .container > :nth-child(2) {
            top: 150px;
            left: 150px;
            background-color: mediumaquamarine;
        }
        .container > :nth-child(3) {
            top: 300px;
            left: 300px;
            background-color: mediumpurple;
        }
        .container > :nth-child(4) {
            top: 450px;
            left: 450px;
            background-color: mediumseagreen;
        }
    </style>
 </head>
 <body>
    <div class="container">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
 </body>
 </html>