when I click on arrow icon in FaQ the arrow icon is turning very fast to opposite position?I want it to turn slowly!

I have made FAQ with HTML,CSS,JS.
everything is working fine but there is a little problem .
when I click on arrow icon to open an answer in de FAQ the arrow is turning very quick to the opposite position.
I tried to fix it with transition and animation CSS but id didn't work.
this is CSS code :

.flex-container-contact-page-section2 {
.container-faq h2 {
	padding:1rem 48px;
	 color: #ffd978;
.accordion {

Using multiple .html pages in grid


I'm working on a project that will be used strickly offline. It will basically be a "control panel" on a touch screen used to deliver information to and send instruction from an operator to a couple of microcontrollers. I'm relaying this information just in case someone is curious. I don't believe what I am looking for has to do with the actual project.

Change focus Border on dx-text-box

Can anybody help me with this question?

Im not sure if i use the classes right

Thanks a lot <3

I Need help for mobile view

i just created a website (www.edenjungle.net) login: (nilla)

mobile view of the website is not as expected. im not able to see the text properly and the arrangement are off for the home page. how do i code in css to overcome this only for mobile view.

Can I embed a CSS class in another?

We are trying to roll out a new font across a website. It's been built whereby a class like .title-big has the font-family name assigned to it.

Therefore we have a lot of these hardcoded font families within the style sheet. Ideally we'd like ALL the font families to be at the top, so there are less to edit once we go live with the font.

At the top we have new classes like: book, thin, medium, strong, bold.
So where html is like this:
<h3 class="title-big blue">Hello there</h3>

We are changing it to this:

Syndicate content