zepp
/
thiscat.rocks
1
0
Fork 0
Code Issues Activity

further index.php styling

This commit is contained in:
emma 2025-01-01 07:59:23 -05:00
parent 5e0225ed12
commit 18bef40af8
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.php
View File

@ -33,9 +33,10 @@
</p> </p>
</section> </section>
<h3 class="facts-header">Baxter facts!</h3>
<section class="baxter-info"> <section class="baxter-info">
<h3 class="facts-header">Baxter facts!</h3>
<div class="baxter-is"> <div class="baxter-is">
<p>Baxter is:</p> <p>Baxter is:</p>
<ul> <ul>
@ -73,9 +74,10 @@
</ul> </ul>
</div> </div>
</section> </section>
<h3>My favorite photos of Baxter</h3>
<section class="favorite-baxter-photos"> <section class="favorite-baxter-photos">
<h3>My favorite photos of Baxter</h3>
<figure> <figure>
<img src="./img/posed-baxter.jpg" alt="My cat Baxter laying on my chest over a blanket in bed looking at the camera. The many details and patterns of his mackeral tabby fur pattern are fully visible"> <img src="./img/posed-baxter.jpg" alt="My cat Baxter laying on my chest over a blanket in bed looking at the camera. The many details and patterns of his mackeral tabby fur pattern are fully visible">

19
style/style.css
View File

@ -64,3 +64,22 @@ main {
grid-row: 2/3; grid-row: 2/3;
padding-left: 5rem; padding-left: 5rem;
} }
.favorite-baxter-photos {
display: grid;
grid-template-rows: 25rem 25rem;
grid-template-columns: 20rem 20rem;
justify-items: center;
}
.favorite-baxter-photos figure {
height: 20rem;
width: 15rem;
text-wrap: wrap;
}
.favorite-baxter-photos img {
max-width: 100%;
max-height: 100%;
object-fit: fill;
}