diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65a866cdb..59e775db1 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,27 +1,30 @@ - - - - My form exercise - - - - -
-

Product Pick

-
-
-
- - + -
-
- - - + + + + + + \ No newline at end of file diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..08927aeee 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,33 +1,57 @@ - - - - Wireframe - - - -
-

Wireframe

+ + + + + Wireframe + + + + +
+

Wireframe

+

+ A basic blueprint for webpage +

+
+
+
+ +

What is the purpose of readme files?

- This is the default, provided code and no changes have been made yet. + A README file usually serves as the primary, high-level documentation for a + software project, dataset, or repository, + designed to help users and developers understand, install, and use the project

-
-
-
- -

Title

-

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

- Read more -
-
- - - + Read + more + + + + + + + \ No newline at end of file diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..3007fa855 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -31,6 +31,11 @@ body { color: var(--ink); font: var(--font); } + +header { + text-align: center; +} + a { padding: var(--space); border: var(--line); @@ -48,11 +53,14 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/ main { max-width: var(--container); margin: 0 auto calc(var(--space) * 4) auto; + margin-bottom: 6rem; } footer { position: fixed; bottom: 0; text-align: center; + width: 100%; + background-color: white; } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element.