parent
41aa1c8b64
commit
1fb7c548f5
@ -1 +1,15 @@
|
||||
|
||||
const panels = document.querySelectorAll('.panel')
|
||||
|
||||
panels.forEach((panel) => {
|
||||
panel.addEventListener('click', () => {
|
||||
removeActiveClasses();
|
||||
panel.classList.add("active");
|
||||
})
|
||||
})
|
||||
|
||||
function removeActiveClasses() {
|
||||
panels.forEach(panel => {
|
||||
panel.classList.remove("active");
|
||||
})
|
||||
}
|
@ -1,16 +0,0 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
Loading…
Reference in new issue