diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..ee804f8e3 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -7,27 +7,35 @@ -
-

Wireframe

-

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

-
-
-
- -

Title

-

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

- Read more -
-
- +
+

Page Title

+

And short description

+
+
+
+ Placeholder image +

Article Title

+

Article summary

+ Read more +
+
+
+ Placeholder image +

Article Title

+

Article summary

+ Read more +
+ +
+ Placeholder image +

Article Title

+

Article summary

+ Read more +
+
+ +
+ + diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..42ad71911 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -31,15 +31,25 @@ body { color: var(--ink); font: var(--font); } +header { + text-align: center; + margin-bottom: calc(var(--space) * 2); +} + a { padding: var(--space); border: var(--line); max-width: fit-content; + text-decoration: none; + display: inline-block; + } img, svg { width: 100%; + height: 240px; object-fit: cover; + display: block; } /* ====== Site Layout ====== Setting the overall rules for page regions