Add another rock

This commit is contained in:
Daniel Mason 2025-04-12 13:48:40 +12:00
parent b29665d0d0
commit 3f595405f1
Signed by: idanoo
GPG key ID: 387387CDBC02F132
2 changed files with 26 additions and 3 deletions

View file

@ -24,6 +24,22 @@
img {
margin-top: 5px;
}
.rockcontainer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.rockrow {
width: 1000px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes rotation {
from {
transform: rotate(0deg);
@ -37,9 +53,16 @@
<body>
<main>
<h1>interesting.rocks</h1>
<img src="rock1.png" alt="rock" class="rotate">
<img src="rock2.png" alt="rock" class="rotate">
<img src="rock3.png" alt="rock" class="rotate">
<div class="rockcontainer">
<div class="rockrow">
<img src="rock1.png" alt="rock" class="rotate">
<img src="rock2.png" alt="rock" class="rotate">
</div>
<div class="rockrow">
<img src="rock3.png" alt="rock" class="rotate">
<img src="rock4.png" alt="rock" class="rotate">
</div>
</div>
</main>
</body>
</html>

BIN
rock4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB