- Title
+
+ README File
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A README File explains what the project is, how to use it and why it + exists.
Read more
-
+
+
+
+
+
+
+
+
+
+
diff --git a/Wireframe/style.css b/Wireframe/style.css
index be835b6c7..a400d34c1 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -30,6 +30,7 @@ body {
background: var(--paper);
color: var(--ink);
font: var(--font);
+ margin: 50px;
}
a {
padding: var(--space);
@@ -50,7 +51,6 @@ main {
margin: 0 auto calc(var(--space) * 4) auto;
}
footer {
- position: fixed;
bottom: 0;
text-align: center;
}
@@ -68,6 +68,7 @@ main {
> *:first-child {
grid-column: span 2;
}
+
}
/* ====== Article Layout ======
Setting the rules for how elements are placed in the article.
@@ -80,10 +81,32 @@ article {
text-align: left;
display: grid;
grid-template-columns: var(--space) 1fr var(--space);
+
> * {
grid-column: 2/3;
}
> img {
- grid-column: span 3;
+ grid-column: span 2;
+
}
+
+
+}
+
+article img {
+ width: 100%;
+ height: 300px;
+ object-fit: fill;
+}
+
+.article-row {
+ grid-column: 1 / -1;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ margin-top: 30px;
+ gap: var(--space);
}
+
+.center {
+ text-align: center;
+}
\ No newline at end of file
+ The purpose of a Wireframe
++ A wireframe is a basic visual layout of a website or application. It + shows structure of the project. +
+ Read more +
+ What is a branch in Git?
++ A branch is a separate line of development. It allows developers to + work on changes without affecting the main codebase. +
+ Read more +