EDIT: Accidentally attached two copies of the same files my bad.
How TF do you make a wikipedia styled gallery?

Hey guys I'm currently working on updating this gallery section that I'm working on.
I tested different sized images and I sadly found out that vertical images changed the height of the gallery figure elements. I wanted containers that hold vertical images to maintain the same size as all the other gallery figures.

TLDR: I basically just want the figure elements in the gallery section to be roughly around 150px wide and tall, while keeping the images actual aspect ratio.

I'm asking here since I tried what I know and attempted looking stuff up and I'm kinda stumped. I've attached both the html and css if you want a more thorough look.


Here's an example of what I'm trying to go for with my gallery figures:
https://zeldawiki.wiki/wiki/Groose#Gallery
Here's 2 screenshots showing the issue.

Desktop:


Mobile:

So I'm working on my site and I sort of realized that screens bigger than 1920x1080 are going to have a hard time reading the text on the page, while smaller screens are going to have a hard time with the text since it might be too big and might even ruin the layout.

I was thinking about using EM instead of PX but found out the size is based off of the default font size of the computer/device. So there's a possibility of it being super inconsistent.

Is it worth doing?
(Also if anyone's used this please let me know any good tips/tricks!)

Hi I'm Queen I'm a digital artist!
I code HTML and CSS, also am currently learning javascript as well. Currently I'm working on my sites latest layout.
I'm into videogames like mario, legend of zelda, kirby, mario kart, super smash bros, and many others.

I'd list some albums I like to, but the list is way too long.


Here's some of my links:

Site: https://queenofarms.neocities.org/
(Note: Currently working on a new layout at the moment so it's just 1 page.)

Updates Blog: https://queensneoblog.tumblr.com/
(Note: I haven't posted any updates yet since this is a new blog.)

Mastodon: https://social.yesterweb.org/@QueensRambleRoomFFCASH
(Note: You should check this out in order to catch up to the current progress of my site.)


I found out about this page after seeing people link to the forums. I knew about melonland and melonking for a while but wasn't really interested til now. I've also seen melon in the yesterweb discord server so I got curious.
I finally decided to join after realizing that this is a general forum that's not overwhelming.
That's all I could think of!
-Queen