Skip to content

Commit 50afd61

Browse files
committed
Code formatting improvements and footer content alignment
1 parent bb9b076 commit 50afd61

2 files changed

Lines changed: 1 addition & 8 deletions

File tree

Wireframe/index.html

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,11 @@
66
<title>Wireframe</title>
77
<link rel="stylesheet" href="style.css" />
88
</head>
9-
109
<body>
1110
<header>
1211
<h1>Wireframe</h1>
1312
<p>Learn about README files, wireframes, and Git branches.</p>
1413
</header>
15-
1614
<main>
1715
<article>
1816
<img
@@ -27,7 +25,6 @@ <h2>What is a README File?</h2>
2725
</p>
2826
<a href="https://www.makeareadme.com/">Read more</a>
2927
</article>
30-
3128
<article>
3229
<img src="wireframe.png" alt="Wireframe showing a webpage layout" />
3330
<h2>What is a Wireframe?</h2>
@@ -38,7 +35,6 @@ <h2>What is a Wireframe?</h2>
3835
</p>
3936
<a href="https://balsamiq.com/blog/what-are-wireframes/">Read more</a>
4037
</article>
41-
4238
<article>
4339
<img src="git-branch.png" alt="Illustration of branching in Git" />
4440
<h2>What is a Git Branch?</h2>

Wireframe/style.css

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ main {
2929
margin: 0 auto calc(var(--space) * 4) auto;
3030
}
3131
footer {
32+
text-align: center;
3233
width: 100%;
3334
background: white;
3435
border-top: 1px solid black;
@@ -51,19 +52,15 @@ article {
5152
grid-template-columns: var(--space) 1fr var(--space);
5253
row-gap: 0.5rem;
5354
}
54-
5555
article > * {
5656
grid-column: 2 / 3;
5757
}
58-
5958
article > img {
6059
grid-column: span 3;
6160
}
62-
6361
article h2 {
6462
margin: 0;
6563
}
66-
6764
article p {
6865
margin: 0.5rem 0 0 0;
6966
}

0 commit comments

Comments
 (0)