Skip to content

Commit 003e6ff

Browse files
Christelle-bChristelle-b
committed
Added better casing on nouns and edited CSS for better article images
1 parent 9f743a8 commit 003e6ff

2 files changed

Lines changed: 28 additions & 6 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,15 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta name="description" content="An introduction to wireframe, Git branches, and README files."/>
67
<title>Wireframe</title>
78
<link rel="stylesheet" href="style.css" />
89
</head>
910
<body>
1011
<header>
11-
<h1>Wireframe and more</h1>
12+
<h1>Wireframe, Git Branches and README File</h1>
1213
<p>
13-
This short article talks about wireframe, Git branch and ReadMe
14+
This short article talks about wireframe, Git branches and README File
1415
</p>
1516
</header>
1617
<main>
@@ -28,7 +29,7 @@ <h2>Wireframe</h2>
2829

2930
<article>
3031
<img src="https://miro.medium.com/v2/resize:fit:720/format:webp/1*K9scAx1Ezd-KJFabaYseCw.jpeg" alt="git branching diagram" />
31-
<h2>Git Branch</h2>
32+
<h2>Git Branches</h2>
3233
<p>
3334
A git branch is like a separate work space that allows developers to make changes without affecting the main repository.
3435
</p>
@@ -38,14 +39,14 @@ <h2>Git Branch</h2>
3839
</article>
3940

4041
<article>
41-
<img src="https://media.licdn.com/dms/image/v2/D5612AQF_jGTodjhpiQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1690540082500?e=2147483647&v=beta&t=1pDD2reY31U4rxxGXjDcd-IFNknrqQtE42SJFJb65to" alt="ReadMe file illustration" />
42-
<h2>ReadMe file</h2>
42+
<img src="https://media.licdn.com/dms/image/v2/D5612AQF_jGTodjhpiQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1690540082500?e=2147483647&v=beta&t=1pDD2reY31U4rxxGXjDcd-IFNknrqQtE42SJFJb65to" alt="README File illustration" />
43+
<h2>README File</h2>
4344
<p>
4445
Developers use readme files to explain their projects to others. It communicates important information about your project.
4546
</p>
4647
<a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes"
4748
target="_blank">
48-
ReadMe File</a>
49+
README File</a>
4950
</article>
5051
</main>
5152
<footer>

‎Wireframe/style.css‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,3 +90,24 @@ article {
9090
grid-column: span 3;
9191
}
9292
}
93+
article:first-child img {
94+
height: 450px;
95+
}
96+
97+
article:not(:first-child) img {
98+
height: 250px;
99+
}
100+
article img {
101+
width: 100%;
102+
height: 250px;
103+
object-fit: cover;
104+
display: block;
105+
}
106+
header {
107+
text-align: center;
108+
}
109+
h2{
110+
text-align: center;
111+
}
112+
113+

0 commit comments

Comments
 (0)