pedf
/
spin
Archived
1
0
Fork 0
Code Releases Activity

Sekce se články

Browse Source
master
Emil Miler 3 years ago
parent ca31016a07
commit bf6c8d8586
2 changed files with 50 additions and 1 deletions
Show Stats Download Patch File Download Diff File

29
index.html
Unescape Escape View File

@ -108,6 +108,35 @@
</div>
</section>
<section class="articles">
<div class="wrap">
<div class="header">
<h2>Články</h2>
<p>Zde jsou odkazy na články, ve kterých byl projekt zmíněn.</p>
</div>
<div class="list">
<article>
<a href="#">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Et leo duis ut diam quam. A scelerisque purus semper eget duis at.</p>
</a>
</article>
<article>
<a href="#">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Et leo duis ut diam quam. A scelerisque purus semper eget duis at.</p>
</a>
</article>
<article>
<a href="#">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Et leo duis ut diam quam. A scelerisque purus semper eget duis at.</p>
</a>
</article>
</div>
</div>
</section>
</main>
</body>
</html>

22
style.css
Unescape Escape View File

@ -94,7 +94,7 @@ main .team h2 {
main .team .list {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 2em;
grid-column-gap: 2em;
}
main .team figure {
background-color: #fff;
@ -108,3 +108,23 @@ main .team figure label {
font-weight: bold;
}
main .articles .header {
display: grid;
grid-template-columns: 1fr 4fr;
align-items: baseline;
margin-bottom: 4em;
border-bottom: 1px solid #324c9c;
}
main .articles .list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 2em;
grid-row-gap: 2em;
}
main .articles .list article a {
color: inherit;
text-decoration: none;
cursor: pointer;
}
main .articles .list article:hover h3 { text-decoration: underline }