Skip to content

Commit 26743ba

Browse files
author
JorvanW
committed
Used 'Prettier - Code formatter' to format the
code in 'Wireframe/index.html' and 'Wireframe/style.css'.
1 parent 5f03a73 commit 26743ba

2 files changed

Lines changed: 43 additions & 16 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 43 additions & 13 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" />
@@ -13,33 +13,63 @@ <h1>Wireframe Task</h1>
1313
</header>
1414
<main>
1515
<article id="readme-article">
16-
<img src="https://user-images.githubusercontent.com/6750572/90517585-e483a280-e165-11ea-8945-3d289eeeaa1d.png" alt="README file example" />
16+
<img
17+
src="https://user-images.githubusercontent.com/6750572/90517585-e483a280-e165-11ea-8945-3d289eeeaa1d.png"
18+
alt="README file example"
19+
/>
1720
<h2>README file</h2>
1821
<p>
19-
ReadME file is a plain text document that is used as a user manual or official document for a project.
20-
This file is useful because it helps communicate important information to those using or collaborating on the project.
22+
ReadME file is a plain text document that is used as a user manual or
23+
official document for a project. This file is useful because it helps
24+
communicate important information to those using or collaborating on
25+
the project.
2126
</p>
22-
<a href="https://www.makeareadme.com" target="_blank" rel="noopener noreferrer">Make a Readme</a>
27+
<a
28+
href="https://www.makeareadme.com"
29+
target="_blank"
30+
rel="noopener noreferrer"
31+
>Make a Readme</a
32+
>
2333
</article>
2434
<article id="wireframe-article">
25-
<img src="https://cdn-images.visual-paradigm.com/handbooks/agile-handbook/wireframe/02-newspaper-site-wireframe-example.png" alt="Website wireframe example" />
35+
<img
36+
src="https://cdn-images.visual-paradigm.com/handbooks/agile-handbook/wireframe/02-newspaper-site-wireframe-example.png"
37+
alt="Website wireframe example"
38+
/>
2639
<h2>Wireframe</h2>
2740
<p>
28-
A wireframe is a minimal skeletal blueprint of a website or app interface. It is important in order to plan a project in advance.
41+
A wireframe is a minimal skeletal blueprint of a website or app
42+
interface. It is important in order to plan a project in advance.
2943
</p>
30-
<a href="https://balsamiq.com/blog/what-are-wireframes/" target="_blank" rel="noopener noreferrer">What are Wireframes?</a>
44+
<a
45+
href="https://balsamiq.com/blog/what-are-wireframes/"
46+
target="_blank"
47+
rel="noopener noreferrer"
48+
>What are Wireframes?</a
49+
>
3150
</article>
32-
<article id="git-branch-article">
33-
<img id="git-branch-image" src="https://phoenixnap.com/kb/wp-content/uploads/2023/11/git-workflow-example.png" alt="Git branch workflow diagram" />
51+
<article id="git-branch-article">
52+
<img
53+
id="git-branch-image"
54+
src="https://phoenixnap.com/kb/wp-content/uploads/2023/11/git-workflow-example.png"
55+
alt="Git branch workflow diagram"
56+
/>
3457
<h2>Git Branch</h2>
3558
<p>
36-
In Git, a branch is an identical copy of a project's code which is then used to make changes on without having any effect on the main original project.
59+
In Git, a branch is an identical copy of a project's code which is
60+
then used to make changes on without having any effect on the main
61+
original project.
3762
</p>
38-
<a href="https://www.w3schools.com/GIT/git_branch.asp?remote=github" target="_blank" rel="noopener noreferrer">What is a Git Branch?</a>
63+
<a
64+
href="https://www.w3schools.com/GIT/git_branch.asp?remote=github"
65+
target="_blank"
66+
rel="noopener noreferrer"
67+
>What is a Git Branch?</a
68+
>
3969
</article>
4070
</main>
4171
<footer>
42-
<p>London | May-2026 | Jorvan White | Wireframe Task </p>
72+
<p>London | May-2026 | Jorvan White | Wireframe Task</p>
4373
</footer>
4474
</body>
4575
</html>

‎Wireframe/style.css‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,16 +24,13 @@ As well as useful links to learn more */
2424
--line: 1px solid;
2525
--container: 1280px;
2626
}
27-
2827
h1 {
2928
display: flex;
3029
justify-content: center;
3130
}
32-
3331
#git-branch-image {
3432
height: 107%;
3533
}
36-
3734
#git-branch-article h2 {
3835
margin-top: 55px;
3936
}

0 commit comments

Comments
 (0)