Help with Problem

I have a page that displays a gallery of images, using CSS Flexbox layout to display them:

Gallery is here

The page displays just fine in Chrome and Firefox, however, it displays improperly in Edge inasmuch as the images are too close together. I read something about justify-content: space-evenly not fully working in Edge, but I couldn't figure out any kind of workaround to fix the issue.

.gallery, .game {
    display: flex;
    flex-direction: row;

Hello,
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 {
 
	width:100%;
	margin-left:0;
	padding-left:0;
 
}
 
 
 
.container-faq{
	width:70%;
    margin-left:4%;
	float:left;
 
 
 
 
 
 
}
.container-faq h2 {
	padding:1rem 48px;
 
	 color: #ffd978;
 
}
.accordion {

Hello!

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.

Can anybody help me with this question?
https://stackoverflow.com/questions/73010932/change-focus-border-on-dx-text-box

Im not sure if i use the classes right

Thanks a lot <3

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.