slight styling changes
This commit is contained in:
parent
5f16bb34a3
commit
d90ef954a8
16
style.css
16
style.css
|
@ -4,12 +4,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
|
padding: 1em;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
padding: 0.5em;
|
height: 15%;
|
||||||
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
header, footer {
|
header, footer {
|
||||||
|
@ -54,19 +56,25 @@ button span {
|
||||||
main {
|
main {
|
||||||
background-color: #9a6db6;
|
background-color: #9a6db6;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center ;
|
justify-content: center;
|
||||||
|
height: 70%;
|
||||||
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cat-img {
|
.cat-img {
|
||||||
height: 500px;
|
|
||||||
margin: 15px;
|
margin: 15px;
|
||||||
|
height: auto;
|
||||||
width: auto;
|
width: auto;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
border: 5px solid #6d5a8c;
|
border: 5px solid #6d5a8c;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
height: 15%;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
footer p {
|
footer p {
|
||||||
margin: auto;
|
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
|
|
Loading…
Reference in New Issue