blog landing page vs blog entries

Individual posts on my blog are formatted using the generic page settings (not custom coded in CSS):  content width MEDIUM, text alignment LEFT.

The page is https://jjdaley.photos/blog

On the main blog page the content has a different layout and looks nothing like the individual post pages. Nothing I can find in settings on the blog page or after extensive searching of forums has been helpful. 

This seems like a basic out-of-the-box requirement for a blogging system. I must be missing something. Any assistance would be welcome. 

. 

Did you solve your issue? As far as I can see your Blog page list looks pretty close to the individual posts.

Did you use Single column for the list and show full post?

It did not.

I put the content in the center to simulate consistency (they still behave differently from each other when resizing the window) but I'm still frustrated that I can't utilize the full inside container to move content in blog entry and blog list to the left to line up with the logo. 

Is it possible to use css to have both the blog list and blog entries have the same alignment and width?

I am using single column for the blog list and show full post. 

thanks 

Edit the blog list page section and click Full.

Is that closer to what you want?

Let us know how it goes.

I did look at that solution. It moves the content to the left (see attachment) but it does not line the content up with the logo in the header and the behavior of the blog list and the posts are still inconsistent. 

I'm starting to get that this might be beyond the capabilities of the platform. Still, it seems like not a hugely weird requirement that these things line up. 

I do appreciate your help and patience. 

Also, I added this CSS in an attempt to line up the posts and list. It seems to work with the posts but not the list. 

/* Blog post width */
@media screen and (min-width:641px) {
.Main--blog-item .Main-content {
    width: 95% !important;
    margin-left: auto;
    margin-right: auto;
  min-width:585px;
}

}

/* Blog list width */
@media screen and (min-width:768px) {
.blog-single-column--wrapper {
    width: 95% !important;
    margin-left: auto;
    margin-right: auto;
  min-width:585px;
  }
}

I'm glad you didn't give up because you nailed it. Amazing!

Thanks for putting up with my obsessiveness.