Skip to content

Commit 55be9be

Browse files
djmears-devdjmears-dev
committed
Formatted html and css using prettier
1 parent 9f7427d commit 55be9be

2 files changed

Lines changed: 57 additions & 37 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 52 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
@@ -9,43 +9,62 @@
99
<body>
1010
<header>
1111
<h1>README, Wireframes and Git Branches</h1>
12-
<p>
13-
A simple guide to three important web development concepts.
14-
</p>
12+
<p>A simple guide to three important web development concepts.</p>
1513
</header>
1614
<main>
1715
<article>
18-
<img src="https://myscope.training/images/RDM-module/figure_22.jpg" alt="README file illustration" />
19-
<h2>What is the purpose of a README file?</h2>
20-
<p>
21-
A README file explains what a project is, how it works, and how someone can use it.
22-
It often includes setup instructions, features, and important notes for developers.
23-
</p>
24-
<a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
25-
</article>
16+
<img
17+
src="https://myscope.training/images/RDM-module/figure_22.jpg"
18+
alt="README file illustration"
19+
/>
20+
<h2>What is the purpose of a README file?</h2>
21+
<p>
22+
A README file explains what a project is, how it works, and how
23+
someone can use it. It often includes setup instructions, features,
24+
and important notes for developers.
25+
</p>
26+
<a
27+
href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes"
28+
>Read more</a
29+
>
30+
</article>
2631

27-
<article>
28-
<img src="https://www.oursky.com/images/blogs/86256bf2c9_6799482b54769870a1e9c883_1.jpeg" alt="Wireframe file illustration" />
29-
<h2>What is the purpose of a wireframe?</h2>
30-
<p>
31-
A wireframe is a simple plan for a webpage or app. It shows where content, images,
32-
buttons, and sections will go before the final design is created.
33-
</p>
34-
<a href="https://github.com/dwyl/learn-wireframing/blob/master/README.md">Read more</a>
35-
</article>
32+
<article>
33+
<img
34+
src="https://www.oursky.com/images/blogs/86256bf2c9_6799482b54769870a1e9c883_1.jpeg"
35+
alt="Wireframe file illustration"
36+
/>
37+
<h2>What is the purpose of a wireframe?</h2>
38+
<p>
39+
A wireframe is a simple plan for a webpage or app. It shows where
40+
content, images, buttons, and sections will go before the final design
41+
is created.
42+
</p>
43+
<a
44+
href="https://github.com/dwyl/learn-wireframing/blob/master/README.md"
45+
>Read more</a
46+
>
47+
</article>
3648

37-
<article>
38-
<img src="https://www.sqlshack.com/wp-content/uploads/2020/09/git-branch-and-timelines.png" alt="Git branch file illustration" />
39-
<h2>What is a branch in Git?</h2>
40-
<p>
41-
A branch in Git is a separate version of a project. It lets developers work on new
42-
features or fixes without changing the main version of the code.
43-
</p>
44-
<a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches">Read more</a>
45-
</article>
49+
<article>
50+
<img
51+
src="https://www.sqlshack.com/wp-content/uploads/2020/09/git-branch-and-timelines.png"
52+
alt="Git branch file illustration"
53+
/>
54+
<h2>What is a branch in Git?</h2>
55+
<p>
56+
A branch in Git is a separate version of a project. It lets developers
57+
work on new features or fixes without changing the main version of the
58+
code.
59+
</p>
60+
<a
61+
href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches"
62+
>Read more</a
63+
>
64+
</article>
4665
</main>
47-
<footer>
48-
<p>Created as a beginner guide to key web development terms.</p>
49-
</footer>
66+
<footer>
67+
<p>Created as a beginner guide to key web development terms.</p>
68+
</footer>
5069
</body>
5170
</html>

‎Wireframe/style.css‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,10 @@ As well as useful links to learn more */
2626
}
2727
/* ====== Base Elements ======
2828
General rules for basic HTML elements in any context */
29-
header {
30-
text-align: center;}
31-
/* Futuristic font */
29+
header {
30+
text-align: center;
31+
}
32+
/* Futuristic font */
3233
body {
3334
background: var(--paper);
3435
color: var(--ink);
@@ -99,7 +100,7 @@ article > img {
99100
grid-column: 2 / 3;
100101
margin-top: var(--space);
101102
}
102-
> img {
103+
> img {
103104
grid-column: 2 / 3;
104105
margin-top: var(--space);
105106
}

0 commit comments

Comments
 (0)