Skip to content

Commit 92354fc

Browse files
caro-vhcaro-vh
committed
fix: remove height and width attributes from html to handle in style.css file
1 parent 0187893 commit 92354fc

1 file changed

Lines changed: 61 additions & 54 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 61 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,67 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Wireframe</title>
7+
<link rel="stylesheet" href="style.css" />
8+
</head>
39

4-
<head>
5-
<meta charset="UTF-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Wireframe</title>
8-
<link rel="stylesheet" href="style.css" />
9-
</head>
10-
11-
<body>
12-
<header>
13-
<h1>Planning, Versioning and Documenting</h1>
14-
<p>
15-
Building high quality web applications requires more than nust writing code. This guide explores three
16-
foundational pillar of proffesional software development: mapping user experiences with wirwframes, managing code
17-
safely using Git branches, and creating clear project documentation with README files.
18-
</p>
19-
</header>
20-
<main>
21-
<article>
22-
<img src="https://www.makeareadme.com/images/open-graph-logo.png?v=20181203"
23-
alt="a digital file icon in purple colour" height="500" />
24-
<h2>The purpose of a README file</h2>
25-
<p>
26-
README files are the first thing developers, like us, sees when visiting a repository on GitHub.
27-
</p>
28-
<a href="">Read more</a>
29-
</article>
30-
<article>
31-
<img src="https://static-assets.codecademy.com/Courses/intro-to-ui-and-ux/wireframes/wireframe-elements.jpg"
32-
alt="wireframe elements" width="700" />
33-
<h2>The Purpose of Wireframes</h2>
10+
<body>
11+
<header>
12+
<h1>Planning, Versioning and Documenting</h1>
3413
<p>
35-
A wireframe is a low-fidelity visual guide that outlines a webpage's structural framework, focusing on content
36-
layout
37-
and user interface functionality before design begins.
14+
Building high quality web applications requires more than just writing
15+
code. This guide explores three foundational pillars of professional
16+
software development: mapping user experiences with wireframes, managing
17+
code safely using Git branches, and creating clear project documentation
18+
with README files.
3819
</p>
39-
<a href="">Read more</a>
40-
</article>
41-
<article>
42-
<img src="https://os.novatorsoft.com/nvs-content/medium_branch_nedir_1_a4b3ed668c.webp"
43-
alt="a diagram showing git branches" width="700" />
44-
<h2>What is a Branch in Git?</h2>
20+
</header>
21+
<main>
22+
<article>
23+
<img
24+
src="https://www.makeareadme.com/images/open-graph-logo.png?v=20181203"
25+
alt="a digital file icon in purple colour"
26+
/>
27+
<h2>The purpose of a README file</h2>
28+
<p>
29+
README files are the first thing developers, like us, see when
30+
visiting a repository on GitHub.
31+
</p>
32+
<a href="#">Read more</a>
33+
</article>
34+
<article>
35+
<img
36+
src="https://static-assets.codecademy.com/Courses/intro-to-ui-and-ux/wireframes/wireframe-elements.jpg"
37+
alt="wireframe elements"
38+
/>
39+
<h2>The Purpose of Wireframes</h2>
40+
<p>
41+
A wireframe is a low-fidelity visual guide that outlines a webpage's
42+
structural framework, focusing on content layout and user interface
43+
functionality before design begins.
44+
</p>
45+
<a href="#">Read more</a>
46+
</article>
47+
<article>
48+
<img
49+
src="https://os.novatorsoft.com/nvs-content/medium_branch_nedir_1_a4b3ed668c.webp"
50+
alt="a diagram showing git branches"
51+
/>
52+
<h2>What is a Branch in Git?</h2>
53+
<p>
54+
Git branches are a powerful feature that allows developers to work on
55+
different versions of a project simultaneously without affecting the
56+
main codebase.
57+
</p>
58+
<a href="#">Read more</a>
59+
</article>
60+
</main>
61+
<footer>
4562
<p>
46-
Git branches are a powerful feature that allows developers to work on different versions of a project
47-
simultaneously
48-
without affecting the main codebase.
63+
This is the default, provided code and no changes have been made yet.
4964
</p>
50-
<a href="">Read more</a>
51-
</article>
52-
</main>
53-
<footer>
54-
<p>
55-
This is the default, provided code and no changes have been made yet.
56-
</p>
57-
</footer>
58-
</body>
59-
60-
</html>
65+
</footer>
66+
</body>
67+
</html>

0 commit comments

Comments
 (0)