zepp
/
onecatper.day
1
2
Fork 0
Code Issues Pull Requests Activity

styling fixes

This commit is contained in:
emma 2024-07-26 07:17:48 -04:00
parent bdf1571637
commit 24d9fea44c
2 changed files with 34 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -22,7 +22,7 @@
</header> </header>
<main> <main>
<!-- a more descriptive alt text is not possible, I can only know ahead of time that one or more catss will be in the image --> <!-- a more descriptive alt text is not possible, I can only know ahead of time that one or more catss will be in the image -->
<img class = "cat-img" src=img/cat2024-07-26-06:00:03.jpg alt="A picture of a cat"> <img class = "cat-img" src=img/cat2024-07-26-07:12:53.jpg alt="A picture of a cat">
</main> </main>
<footer> <footer>
<p>Made by <a href="https://zepp.omg.lol" target="_blank" rel="noopener noreferrer">zepp</a> for the love of cats. </p> <p>Made by <a href="https://zepp.omg.lol" target="_blank" rel="noopener noreferrer">zepp</a> for the love of cats. </p>

12
style.css
View File

@ -3,10 +3,6 @@
padding: 0; padding: 0;
} }
body {
overflow: hidden;
}
nav { nav {
padding: 1em; padding: 1em;
display: flex; display: flex;
@ -14,8 +10,8 @@ nav {
} }
header { header {
height: 15%;
width: auto; width: auto;
margin: auto 0;
} }
header, footer { header, footer {
@ -61,12 +57,12 @@ main {
background-color:#9a6db6; background-color:#9a6db6;
display: flex; display: flex;
justify-content: center; justify-content: center;
height: 70%; margin: auto 0;
width: auto; width: auto;
} }
.cat-img { .cat-img {
height: auto; height: 510px;
width: auto; width: auto;
border-radius: 10px; border-radius: 10px;
border: 5px solid #6d5a8c; border: 5px solid #6d5a8c;
@ -74,7 +70,7 @@ main {
footer { footer {
width: auto; width: auto;
height: 15%; margin: auto 0;
} }
footer p { footer p {