sageTheDm/interstellar_ai
1
0
Fork 0
forked from React-Group/interstellar_ai
Code Pull requests Activity

css removal unused lines

Browse source
This commit is contained in:
sageTheDM 2024-10-08 17:37:17 +02:00
parent 4b21fe04f3
commit 9c8bc39b9d
17 changed files with 138 additions and 352 deletions
Download patch file Download diff file Expand all files Collapse all files

20
app/styles/faq.css
View file

@ -1,13 +1,12 @@
/* Make sure the parent container of #faq takes up the full viewport height */
.faq-container {
.faq-container{
display: flex;
justify-content: center; /* Center horizontally */
align-items: center; /* Center vertically */
height: 100vh; /* Full viewport height */
padding: 0 10px; /* Optional padding to ensure spacing on small screens */
}
#faq {
#faq{
max-width: 800px;
width: 90%;
padding: 20px;
@ -18,34 +17,29 @@
margin: 2rem auto;
height: 80vh;
}
#faq h2 {
#faq h2{
text-align: center;
color: var(--faq-heading-color); /* Use variable for heading color */
font-size: 2em;
margin-bottom: 20px;
}
.faq-item {
.faq-item{
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
background-color: var(--faq-item-background-color); /* Use variable for item background */
transition: background-color 0.3s ease-in-out;
}
.faq-item h3 {
.faq-item h3{
color: var(--faq-item-heading-color); /* Use variable for item heading color */
margin-bottom: 10px;
font-size: 1.5em;
}
.faq-item p {
.faq-item p{
color: var(--faq-item-text-color); /* Use variable for item text color */
font-size: 1.1em;
line-height: 1.5;
}
.faq-item:hover {
.faq-item:hover{
background-color: var(--faq-item-hover-background-color); /* Use variable for hover background */
}