[Solution] Full width images in markdown

[Necmttn]

in PostContent.tsx

export const PostFullContent = styled.section`
	max-width: 1040px;
	...

   ...
	 .gatsby-resp-image-wrapper {
    	// For Full size images
    	max-width: none !important;
  	}

	img[alt$='full'] {
    max-width: none;
    position: absolute !important;
    width: 100vw !important;
    margin-left: calc((-100vw + 1040px) / 2) !important;
  	}
	...
`

and remove inner outer style from post.tsx wrapper div.

[Necmttn]

and forgot to mention you need to add full at the end of alt for example.

![test image full](img/testimg1.jpg)

[amaljithev]

Any update on this @scttcper ?

[scttcper]

i'm not sure casper 3 even has full width images