Skip to content

Commit 28e6358

Browse files
Making some adjustment for Read more link button. Mainly the space between the link and paragraph
1 parent 51c864b commit 28e6358

2 files changed

Lines changed: 20 additions & 15 deletions

File tree

Wireframe/index.html

Lines changed: 8 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -14,42 +14,35 @@ <h1>Wireframe</h1>
1414
</p>
1515
</header>
1616
<main>
17-
18-
<div class="article-border">
19-
<article>
17+
<article class="article-border">
2018
<img src="placeholder.svg" alt="" class="image-size" />
2119
<h2>READ ME.md file and what is mean.</h2>
2220
<p>
2321
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
2422
voluptates. Quisquam, voluptates.
2523
</p>
26-
<a href="">Read more</a>
24+
<a href="" class="Link-box-border">Read more</a>
2725
</article>
28-
</div>
29-
<hr>
30-
<div class="article-border">
31-
<article>
26+
<hr>
27+
<article class="article-border">
3228
<img src="placeholder.svg" alt="" class="image-size" />
3329
<h2>What is a wireframe and the purpose of it used</h2>
3430
<p>
3531
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
3632
voluptates. Quisquam, voluptates.
3733
</p>
38-
<a href="">Read more</a>
34+
<a href="" class="Link-box-border">Read more</a>
3935
</article>
40-
</div>
41-
<hr>
42-
<div class="article-border">
43-
<article>
36+
<hr>
37+
<article class="article-border">
4438
<img src="placeholder.svg" alt="" class="image-size" />
4539
<h2>Git, repo and branch</h2>
4640
<p>
4741
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
4842
voluptates. Quisquam, voluptates.
4943
</p>
50-
<a href="">Read more</a>
44+
<a href="" class="Link-box-border">Read more</a>
5145
</article>
52-
</div>
5346
</main>
5447
<footer>
5548
<p>

Wireframe/style.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,4 +6,16 @@
66
border: 2px solid black;
77
border-radius: 5px;
88
margin: 0px 15px 0px 25px;
9+
padding-bottom: 20px;
10+
}
11+
.Link-box-border{
12+
border: 2px solid black;
13+
margin: 0px 10px 0px 5px;
14+
padding: 10px 10px 10px 10px;
15+
}
16+
p{
17+
margin: 0px 0px 30px 5px;
18+
}
19+
h2{
20+
margin-bottom: 5px;
921
}

0 commit comments

Comments
 (0)