Improve almost everything
This commit is contained in:
parent
51a59fce69
commit
4a0f708c4f
21 changed files with 463 additions and 308 deletions
|
@ -1,5 +1,10 @@
|
|||
#container {
|
||||
main {
|
||||
padding: 2em;
|
||||
gap: 2em;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.overview {
|
||||
|
@ -25,7 +30,7 @@
|
|||
}
|
||||
|
||||
.image img {
|
||||
max-height: 500px;
|
||||
max-height: 450px;
|
||||
}
|
||||
|
||||
.longDescription h2 {
|
||||
|
@ -34,18 +39,32 @@
|
|||
}
|
||||
|
||||
.title {
|
||||
font-size: 2.6em;
|
||||
margin: 0.2em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
flex-direction: row;
|
||||
gap: 4rem;
|
||||
}
|
||||
|
||||
#details {
|
||||
main > section {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
border-radius: 1rem;
|
||||
background: rgba(0 0 0 / 0.3);
|
||||
padding: 2rem;
|
||||
width: 90%;
|
||||
transition: scale 0.2s;
|
||||
}
|
||||
|
||||
main > section:hover {
|
||||
scale: 1.03;
|
||||
}
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue