CSS Flexbox misrenders in Edge

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;

A little help please getting a page validated

Hi, I'm sorry to be such an amateur but I can't seem to get this figured out. It would seem inline styling should be able to do it. Here are the errors I get from the validator. Thank you very much if you can help:

Error: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
 
    From line 94, column 4; to line 94, column 31
 
    info">↩			<a class="mobile_user_menu">↩				<
 
    Contexts in which element a may be used:
        Where phrasing content is expected.
    Content model for element ul:

CSS code to correct padding issue on Site Title

Hello everyone,

This is my first post I hope someone can help me. My website is andypiggott.com. The mobile version of the site title has too much padding(?) above and below. It is fine when viewed on a desktop. Could anyone please help with a piece of CSS to correct this?

Thank you.
Smile

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

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 {

Using multiple .html pages in grid

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.

Syndicate content