flex items not stretching

Hi,

I’m trying to make a grid-like layout using flexbox but the child items are not the same height. How do I fix this?

.container /*parent item*/{
	display: flex; 
	flex-flow: row wrap;
	justify-content: center;
	flex: 1, 1, 750px;

}
.archive-card /*child*/{
	display: inline-flex;
	min-height: 100%;
	min-width: 200px;
	max-width: 500px;
}
.archive-feed /*child*/{
	margin-top: 30px;
	margin-right: 1%rem;
	box-shadow: 0 0 0 0;;
border: black solid; 
	background-color: white;
	padding: 2%  2% 0 0;
}
.entry-title a{
	font-family: "Charm";
	font-size: 4rem;
	color: mediumslateblue;
}

.post-separator, .post-comment-link .meta-icon, .post-comment-link .meta-text, .summary{
	display: none;
}
.archive-card img{
	max-width: 350px;
	height: auto;
	max-height: 300px;
	width: auto;
	margin-bottom: -50px;
		margin-top: -50px;
}

• This topic was modified 4 years, 1 month ago by seabear211.
• This topic was modified 4 years, 1 month ago by t-p.
• This topic was modified 4 years, 1 month ago by t-p.
• This topic was modified 4 years, 1 month ago by seabear211.

The page I need help with: [log in to see the link]