Make post list exactly like in the woorkup.com page

Hi.

I want to create front page posts lists exactly like in this page: https://woorkup.com
I've managed through tweaking to make my page look like this right now: https://imgur.com/a/7BrOdN6

1. I've manipulated "Read more" by adding Additional CSS:

.read-more {
    margin-top: 10px;
		margin-right:30px;
    float: right;
}

.entry-summary a {
		color: #277ee4;
    border-bottom: 2px solid rgba(45, 130, 230, 0.4);
}

.entry-summary a:hover{
	color:#000000;
}

Is this the wrong approach? If yes, how should I change it.

2. Other problem is that I need to make a featured image centered vertically next to the whole excerpt and "Read more" link. Right now there is a lot of space below it.

3. I want to add a separator line between posts.

How should I approach these three issues?

Kind regards.