From 359cb5e693458d743b6abd488650d530a71b581e Mon Sep 17 00:00:00 2001 From: zahedeh Date: Sat, 17 May 2025 14:27:39 +0100 Subject: [PATCH 1/6] edit --- Wireframe/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e53..32a86386 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -10,7 +10,7 @@

Wireframe

- This is the default, provided code and no changes have been made yet. + This iis my wireframe.

From 3e1723175181fd1ef3d218e52d1d9499c7a62338 Mon Sep 17 00:00:00 2001 From: zahedeh Date: Sat, 17 May 2025 14:36:45 +0100 Subject: [PATCH 2/6] edit p tag --- Wireframe/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 32a86386..f19b5b1a 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -10,7 +10,7 @@

Wireframe

- This iis my wireframe. + This is my wireframe.

From 0ff03ffb8648ba3a28ce5e4c149653eda027d20b Mon Sep 17 00:00:00 2001 From: zahedeh Date: Sat, 17 May 2025 14:37:48 +0100 Subject: [PATCH 3/6] edit image --- Wireframe/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/Wireframe/index.html b/Wireframe/index.html index f19b5b1a..3045b365 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -21,6 +21,7 @@

Title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptates. Quisquam, voluptates.

+ Read more
From 60252b8f0592a74f85d3a6edccf7eb7edc3ca1ae Mon Sep 17 00:00:00 2001 From: zahedeh Date: Mon, 19 May 2025 00:21:47 +0100 Subject: [PATCH 4/6] changeHTML --- Wireframe/index.html | 61 ++++++++++++++++++++++++++++++++++---------- Wireframe/style.css | 18 ++++++++++--- 2 files changed, 62 insertions(+), 17 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 3045b365..4f762d08 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -8,27 +8,62 @@
-

Wireframe

+

Understanding of basics in DEV

- This is my wireframe. + Some good information about wireframe, README files and Git branches.

-
+ +
+ + + +
+ +

What is wireframe

+

Wireframes are used to plan and communicate the layout of a digital product, ensuring everyone understands the structure and functionality before moving on to more detailed design. 

+ + read more + +
+ + +
- -

Title

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + +

what is README files

+

READMEs provide a clear and concise introduction to the project, making it easier for users and developers to understand.

- - Read more + + read more + +
+ + +
+ +

what is Git branches

+

In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting the + Think of it as a "parallel universe" for your code.

+ + read more + +
-
+ + +
+ + + + + +
+

- This is the default, provided code and no changes have been made yet. + If you need more details contact us.

- + \ No newline at end of file diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c..ab1f5aba 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -24,6 +24,10 @@ As well as useful links to learn more */ --line: 1px solid; --container: 1280px; } + +header{ + text-align: center; +} /* ====== Base Elements ====== General rules for basic HTML elements in any context */ body { @@ -31,13 +35,20 @@ body { color: var(--ink); font: var(--font); } + +.page{ + margin: 100px; + +} + + + a { padding: var(--space); border: var(--line); max-width: fit-content; } -img, -svg { +img { width: 100%; object-fit: cover; } @@ -50,7 +61,6 @@ main { margin: 0 auto calc(var(--space) * 4) auto; } footer { - position: fixed; bottom: 0; text-align: center; } @@ -86,4 +96,4 @@ article { > img { grid-column: span 3; } -} +} \ No newline at end of file From ebfda7bc5ebfab244f2d548a0b1602cbcabece3c Mon Sep 17 00:00:00 2001 From: zahedeh Date: Mon, 19 May 2025 15:28:49 +0100 Subject: [PATCH 5/6] addcorrectlinktoREADMEfile --- Wireframe/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 4f762d08..53ad54de 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -19,7 +19,7 @@

Understanding of basics in DEV

- + an image of two triangle and a circle

What is wireframe

Wireframes are used to plan and communicate the layout of a digital product, ensuring everyone understands the structure and functionality before moving on to more detailed design. 

@@ -30,18 +30,18 @@

What is wireframe

- + an image of two triangle and a circle

what is README files

READMEs provide a clear and concise introduction to the project, making it easier for users and developers to understand.

- read more + read more
- + an image of two triangle and a circle

what is Git branches

In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting the Think of it as a "parallel universe" for your code.

From a243a7443f0bbc78833ef6a8a09bc7a729c89712 Mon Sep 17 00:00:00 2001 From: zahedeh Date: Mon, 19 May 2025 15:30:29 +0100 Subject: [PATCH 6/6] Addcapitallettertoreadmore --- Wireframe/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 53ad54de..351e35b2 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -23,7 +23,7 @@

Understanding of basics in DEV

What is wireframe

Wireframes are used to plan and communicate the layout of a digital product, ensuring everyone understands the structure and functionality before moving on to more detailed design. 

- read more + Read more
@@ -35,7 +35,7 @@

what is README files

READMEs provide a clear and concise introduction to the project, making it easier for users and developers to understand.

- read more + Read more
@@ -46,7 +46,7 @@

what is Git branches

In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting the Think of it as a "parallel universe" for your code.

- read more + Read more