From 00de6769bc8ba2362f95d75855ebb7c5525fd0f0 Mon Sep 17 00:00:00 2001 From: Mohsen Zamani Date: Thu, 8 Jan 2026 17:55:10 +0000 Subject: [PATCH 1/4] Add max-width property to img --- Wireframe/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..31a5a7b5f 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -85,5 +85,6 @@ article { } > img { grid-column: span 3; + max-width: 100%; } } From 8d62c98f125dd2fe8c150263b2d29c44d5c324e3 Mon Sep 17 00:00:00 2001 From: Mohsen Zamani Date: Thu, 8 Jan 2026 18:11:19 +0000 Subject: [PATCH 2/4] Change the wireframe --- Wireframe/index.html | 15 ++++++++------- Wireframe/style.css | 21 ++++++++++++++++++--- 2 files changed, 26 insertions(+), 10 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..161b8cae5 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -8,12 +8,15 @@
-

Wireframe

-

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

+

Mohsen Zamani Wireframe

+

This will be my portfolio.

+

Title

@@ -25,9 +28,7 @@

Title

-

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

+

Copyright Mohsen Zamani - ITP Jan 2026

diff --git a/Wireframe/style.css b/Wireframe/style.css index 31a5a7b5f..3ec74760e 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -20,6 +20,7 @@ As well as useful links to learn more */ --paper: oklch(7 0 0); --ink: color-mix(in oklab, var(--color) 5%, black); --font: 100%/1.5 system-ui; + --hover: 50%/2.5 system-ui; --space: clamp(6px, 6px + 2vw, 15px); --line: 1px solid; --container: 1280px; @@ -63,11 +64,25 @@ https://gridbyexample.com/learn/ */ main { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: 1fr 4fr; gap: var(--space); - > *:first-child { + /* > *:first-child { grid-column: span 2; - } + } */ +} + +aside { + display: flex; + flex-direction: column; + background-color: rgb(219, 222, 225); + border: var(--line); +} +a { + text-decoration: none; + border: 0; +} +a:hover { + color: var(--hover); } /* ====== Article Layout ====== Setting the rules for how elements are placed in the article. From a0f423752a65d2dd0d75e3d72b4142c720060667 Mon Sep 17 00:00:00 2001 From: Mohsen Zamani Date: Mon, 12 Jan 2026 01:38:53 +0000 Subject: [PATCH 3/4] Create form to collected user's data of T-shirts --- Form-Controls/index.html | 71 ++++++++++++++++++++++++++++++++++++---- 1 file changed, 65 insertions(+), 6 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65a866cdb..768f94f19 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -4,7 +4,10 @@ My form exercise - + @@ -13,15 +16,71 @@

Product Pick

- - + +
+ + +
+
+ +
+ + +
+
+ +
+ + +
+
+ +
+ Size: + + + +    + + +    + + +    + + +    + + +    + + +
+
+  
-

By HOMEWORK SOLUTION

+

By MOHSEN ZAMANI

From 8c7aef3ad799081e626435224ea60158a6f435df Mon Sep 17 00:00:00 2001 From: Mohsen Zamani Date: Mon, 12 Jan 2026 11:12:43 +0000 Subject: [PATCH 4/4] Revert accidental changes to fiels in Wireframe folder --- Wireframe/index.html | 15 +++++++-------- Wireframe/style.css | 22 +++------------------- 2 files changed, 10 insertions(+), 27 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 161b8cae5..0e014e535 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -8,15 +8,12 @@
-

Mohsen Zamani Wireframe

-

This will be my portfolio.

+

Wireframe

+

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

-

Title

@@ -28,7 +25,9 @@

Title

diff --git a/Wireframe/style.css b/Wireframe/style.css index 3ec74760e..be835b6c7 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -20,7 +20,6 @@ As well as useful links to learn more */ --paper: oklch(7 0 0); --ink: color-mix(in oklab, var(--color) 5%, black); --font: 100%/1.5 system-ui; - --hover: 50%/2.5 system-ui; --space: clamp(6px, 6px + 2vw, 15px); --line: 1px solid; --container: 1280px; @@ -64,25 +63,11 @@ https://gridbyexample.com/learn/ */ main { display: grid; - grid-template-columns: 1fr 4fr; + grid-template-columns: 1fr 1fr; gap: var(--space); - /* > *:first-child { + > *:first-child { grid-column: span 2; - } */ -} - -aside { - display: flex; - flex-direction: column; - background-color: rgb(219, 222, 225); - border: var(--line); -} -a { - text-decoration: none; - border: 0; -} -a:hover { - color: var(--hover); + } } /* ====== Article Layout ====== Setting the rules for how elements are placed in the article. @@ -100,6 +85,5 @@ article { } > img { grid-column: span 3; - max-width: 100%; } }