Skip to content

Commit 92f1f7b

Browse files
committed
Update on CSS article image
1 parent 003e6ff commit 92f1f7b

2 files changed

Lines changed: 6 additions & 6 deletions

File tree

Wireframe/index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@ <h1>Wireframe, Git Branches and README File</h1>
1919
<img src="wireframePicture.avif" alt="wireframe example layout" />
2020
<h2>Wireframe</h2>
2121
<p>
22-
A wireframe is a basic, two-dimensional visual representation of a web page, app interface, or product layout. You can think of it as a low-fidelity, functional sketch.
23-
wireframes typically depict only functionality, not the true style and visual elements of the final product.
22+
A Wireframe is a basic, two-dimensional visual representation of a web page, app interface, or product layout. You can think of it as a low-fidelity, functional sketch.
23+
Wireframes typically depict only functionality, not the true style and visual elements of the final product.
2424
</p>
2525
<a href="https://www.productplan.com/glossary/wireframe"
2626
target="_blank">
@@ -31,7 +31,7 @@ <h2>Wireframe</h2>
3131
<img src="https://miro.medium.com/v2/resize:fit:720/format:webp/1*K9scAx1Ezd-KJFabaYseCw.jpeg" alt="git branching diagram" />
3232
<h2>Git Branches</h2>
3333
<p>
34-
A git branch is like a separate work space that allows developers to make changes without affecting the main repository.
34+
A Git branch is like a separate work space that allows developers to make changes without affecting the main repository.
3535
</p>
3636
<a href="https://www.w3schools.com/git/git_branch.asp"
3737
target="_blank">
@@ -42,7 +42,7 @@ <h2>Git Branches</h2>
4242
<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" />
4343
<h2>README File</h2>
4444
<p>
45-
Developers use readme files to explain their projects to others. It communicates important information about your project.
45+
Developers use README files to explain their projects to others. It communicates important information about your project.
4646
</p>
4747
<a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes"
4848
target="_blank">

Wireframe/style.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -91,11 +91,11 @@ article {
9191
}
9292
}
9393
article:first-child img {
94-
height: 450px;
94+
height: 100%;
9595
}
9696

9797
article:not(:first-child) img {
98-
height: 250px;
98+
height: 400px;
9999
}
100100
article img {
101101
width: 100%;

0 commit comments

Comments
 (0)