Skip to content

Commit ff29aa3

Browse files
author
russom
committed
Made space for the fixed footer according to the wireframe requirements
1 parent b38611a commit ff29aa3

2 files changed

Lines changed: 13 additions & 4 deletions

File tree

Wireframe/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ <h2>
1616
<main>
1717
<article>
1818
<img src="images/README.png" alt="" />
19-
<h2>The purpose of a README file</h2>
19+
<h3>The purpose of a README file</h3>
2020
<p>
2121
A README file is a text file that provides information about a project. It typically
2222
includes instructions on how to install and use the project, as well as any other relevant
@@ -30,7 +30,7 @@ <h2>The purpose of a README file</h2>
3030
</article>
3131
<article>
3232
<img src="images/wireframe.png" alt="" />
33-
<h2>The purpose of a wireframe</h2>
33+
<h3>The purpose of a wireframe</h3>
3434
<p>
3535
A wireframe is a simple line diagram representing the skeleton of a website
3636
or an application’s user interface (UI) and core functionality. It shows where
@@ -42,7 +42,7 @@ <h2>The purpose of a wireframe</h2>
4242
</article>
4343
<article>
4444
<img src="images/Git-logo.svg" alt="" />
45-
<h2>Branch in Git</h2>
45+
<h3>Branch in Git</h3>
4646
<p>
4747
A branch is a sequence of commits in a project. It is a way to work on different
4848
versions of a project at the same time. When you create a branch, you are creating

Wireframe/style.css

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,12 +32,18 @@ h1 {
3232
padding: var(--space);
3333
}
3434
h2 {
35-
font-size: 1.25em;
35+
text-align: center;
36+
font-size: 1.25em;
37+
}
38+
h3 {
39+
40+
font-size: 1.25em;
3641
}
3742
body {
3843
background: var(--paper);
3944
color: var(--ink);
4045
font: var(--font);
46+
padding-bottom: 5px; /* Make space for the fixed footer according to the wireframe requirements */
4147
}
4248
a {
4349
padding: var(--space);
@@ -59,7 +65,10 @@ main {
5965
}
6066
footer {
6167
position: fixed;
68+
top:;
6269
bottom: 0;
70+
left: 0;
71+
border-top: 1px solid black;
6372
text-align: center;
6473
width: 100%; /* Make the footer span the entire width of the viewport */
6574
background: var(--paper); /* Optional: Add a background color to the footer */

0 commit comments

Comments
 (0)