diff --git a/Week-02/Day_01/index.html b/Week-02/Day_01/index.html new file mode 100644 index 0000000..1382ec7 --- /dev/null +++ b/Week-02/Day_01/index.html @@ -0,0 +1,45 @@ + + + + + Advanced HTML & CSS - Simple Form + + + + +
+ +
+

User Form

+ + + + + + +
+ +
+

Entered Details

+

Name: ______

+

Email: ______

+

City: ______

+
+ +
+ + + + + diff --git a/Week-02/Day_01/style.css b/Week-02/Day_01/style.css new file mode 100644 index 0000000..2ae6bfb --- /dev/null +++ b/Week-02/Day_01/style.css @@ -0,0 +1,32 @@ +body { + font-family: Arial; + background: #f2f2f2; +} + +.wrapper { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + width: 500px; + margin: 50px auto; +} + +.form { + display: flex; + flex-direction: column; + gap: 10px; + background: white; + padding: 15px; +} + +.display { + display: flex; + flex-direction: column; + gap: 10px; + background: white; + padding: 15px; +} + +input, button { + padding: 8px; +}