Dzejkobik007/skolavdf
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
Dzejkobik007
2022-05-13 10:31:23 +02:00
parent 681430b399
commit c096bda375
2 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ict/page/index.html
View File

@@ -22,13 +22,13 @@
<h1>Gifs</h1> <h1>Gifs</h1>
<div class="carddiv"> <div class="carddiv">
<div class="card"> <div class="card">
<img class="card" src="https://c.tenor.com/ku6cm9FzuQsAAAAC/m4kktruck-getintoitya.gif" alt=""> <h1>Card 1</h1>
</div> </div>
<div class="card"> <div class="card">
<img class="card" src="https://c.tenor.com/NAOXKZSLT90AAAAC/hasbulla-hasbullah.gif" alt=""> <h1>Card 2</h1>
</div> </div>
<div class="card"> <div class="card">
<img class="card" src="https://c.tenor.com/wdrYl8JXEdgAAAAM/hasbulla-kick.gif" alt=""> <h1>Card 3</h1>
</div> </div>
</div> </div>
</body> </body>

16
ict/page/style.css
View File

@@ -27,6 +27,9 @@ article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { footer, header, hgroup, menu, nav, section {
display: block; display: block;
} }
* {
overflow-x: hidden;
}
body { body {
line-height: 1; line-height: 1;
} }
@@ -62,9 +65,9 @@ table {
} }
header { header {
width: 99%; width: 100%;
height: 400px; height: 400px;
overflow:unset;
text-align: center; text-align: center;
display: block; display: block;
padding-top: 15%; padding-top: 15%;
@@ -102,7 +105,7 @@ li a {
justify-content: center; justify-content: center;
} }
.card { .card img {
width: 250px; width: 250px;
height: 300px; height: 300px;
display: block; display: block;
@@ -113,7 +116,14 @@ li a {
.card { .card {
width: 250px; width: 250px;
height: 300px; height: 300px;
text-align: center;
display: block; display: block;
border: 1px;
border-color: black;
border-style: solid;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {