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

Compare commits

base: zepp:18bef40af883632f3fe251cd7c1502726b4234eb
Branches Tags
zepp:main
zepp:v1
..
compare: zepp:56f1e88172a3ffc4a254cad7af437cb74a5764c1
Branches Tags
zepp:main
zepp:v1

No commits in common. "18bef40af883632f3fe251cd7c1502726b4234eb" and "56f1e88172a3ffc4a254cad7af437cb74a5764c1" have entirely different histories.
18bef40af8 ... 56f1e88172

2 changed files with 6 additions and 33 deletions
Show Stats Expand all files Collapse all files

6
index.php
View File

@ -33,10 +33,9 @@
</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>
@ -74,10 +73,9 @@
</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">

33
style/style.css
View File

@ -8,14 +8,13 @@ html {
font-size: 16px; font-size: 16px;
} }
body { main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
main { .welcome-section {
margin: 2rem 0 2rem 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -24,19 +23,14 @@ main {
height: auto; height: auto;
} }
.welcome-section {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.baxter-info { .baxter-info {
display: grid; display: grid;
grid-template-rows: 1.5rem 1fr; grid-template-rows: 1.5rem 1fr;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
justify-items: center; justify-items: center;
gap: 2rem; gap: 2rem;
width: 50rem;
height: auto;
} }
.baxter-info p { .baxter-info p {
@ -64,22 +58,3 @@ 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;
}