From 256dc7c565ef3c61612ab4875e14a3f4de5ca03a Mon Sep 17 00:00:00 2001 From: Akash Yadav Date: Mon, 21 Jul 2025 12:22:02 +0530 Subject: [PATCH] Added assignment-1 in Akashyadav1234-hub in which I have made 3 boxes in a comtainer without animation -folder Akash Yadav --- .../assignment-1/index.html | 18 +++++++ .../Akashyadav1234-hub/assignment-1/style.css | 50 +++++++++++++++++++ .../exampleuser/assignment1/index.html | 11 ---- 3 files changed, 68 insertions(+), 11 deletions(-) create mode 100644 assignments/Akashyadav1234-hub/assignment-1/index.html create mode 100644 assignments/Akashyadav1234-hub/assignment-1/style.css delete mode 100644 assignments/exampleuser/assignment1/index.html diff --git a/assignments/Akashyadav1234-hub/assignment-1/index.html b/assignments/Akashyadav1234-hub/assignment-1/index.html new file mode 100644 index 0000000..4a65b75 --- /dev/null +++ b/assignments/Akashyadav1234-hub/assignment-1/index.html @@ -0,0 +1,18 @@ + + + + + + Flexbox + + + +
+
Item-1
+
+
Item-2
+
+
Item-3
+ + + \ No newline at end of file diff --git a/assignments/Akashyadav1234-hub/assignment-1/style.css b/assignments/Akashyadav1234-hub/assignment-1/style.css new file mode 100644 index 0000000..dbe9a4c --- /dev/null +++ b/assignments/Akashyadav1234-hub/assignment-1/style.css @@ -0,0 +1,50 @@ +body { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + background-color: #f8f9fa; + animation: forwards; +} + +.item-1 { + display: flex; + flex-direction: row; + gap: 10px; + border: 4px solid #ff0000; + padding: 20px; + animation: forwards; +} +.item-2 { + display: flex; + flex-direction: row; + gap: 10px; + border: 4px solid #4800ff; + padding: 20px; + animation: infinite; +} +.item-3 { + display: flex; + flex-direction: row; + gap: 50px; + border: 4px solid #ff0000; + padding: 20px; + animation: reverse; + +} +.box { + background-color: #f66; + color: blue; + padding: 20px 30px; + border-radius: 10px; + font-weight: bold; + text-align: center; + animation: forwards; +} +.container{ + justify-content: center; + border-radius: 20%; + animation: infinite; + display: flex; +} diff --git a/assignments/exampleuser/assignment1/index.html b/assignments/exampleuser/assignment1/index.html deleted file mode 100644 index e27ffc8..0000000 --- a/assignments/exampleuser/assignment1/index.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - Document - - - This is a sample file - - \ No newline at end of file