onny/witas-ka
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Animations

Browse source
This commit is contained in:
Jonas Heinrich 2024-01-15 16:37:15 +01:00
parent e278160824
commit bd9205cae9
1 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
index.html
View file

@ -98,6 +98,10 @@
font-size: 1.2rem; font-size: 1.2rem;
} }
#questionContainer h2 {
margin-top: 0.5rem;
}
a { a {
text-decoration: none; text-decoration: none;
color: #0F1111; color: #0F1111;
@ -106,7 +110,7 @@
display: flex; display: flex;
align-items: top; align-items: top;
max-width: 500px; max-width: 500px;
width: 100%; /* width: 100%; */
margin: auto; margin: auto;
padding: 40px; padding: 40px;
background-color: #fff; background-color: #fff;
@ -115,7 +119,11 @@
box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1);
font-size: 0.95rem; font-size: 0.95rem;
gap: 2rem; gap: 2rem;
transition: all 0.3s ease; }
@media (max-width: 600px) {
main {
padding: 20px;
}
} }
button { button {
border: 1px solid #d5d9d9; border: 1px solid #d5d9d9;
@ -301,6 +309,12 @@
buttonContainer.appendChild(button); buttonContainer.appendChild(button);
} }
var mainContainer = document.querySelector('main');
mainContainer.classList.remove('show');
void mainContainer.offsetWidth;
mainContainer.classList.add('show');
questionContainer.appendChild(buttonContainer); questionContainer.appendChild(buttonContainer);
feather.replace(); feather.replace();